javascript - JS 文件上传问题

问题描述

问题：1、图片可以转成base64上传，为什么Excel，pdf等不能转base64？2、通过XMLHttpRequest上传文件，文件放入FormData中，但怎么给文件绑定标记，比如说，怎么知道这个文件是我当前用户的？3、大家有没有好的js文件上传解决方案？

问题解答

在现代浏览器下，可使用 html5 相关API实现。我暂时想到这几个 Blob FileReader btoa 具体的就需要你去查文档了

FormData可以用append添加额外的字段。 这里你需要放开思路，一个字段最终代表着传递到后台的一个参数，这个参数其实是很抽象的一个概念，具体取决与你前台跟后台的约定。 举个例子，我可以在最后要发送请求的时候构造一个额外对象(它的字段取值要跟后台商量)，添加到FormData中，发送到服务端。

var meta = { name:'', time:'', data:[]} formData.append('meta', JSON.stringify(meta));

服务端最后再将这个字段反序列化成对象，取得里面的值。

最后，js文件上传是HTML5后提供的功能所以有兼容性的问题，说白了也就是那几个新增API的使用，去 MDN上把相关文档、demo 看一下就差不多了

1.pdf应该是可以转base64的，excel没测试过，但excel可以转为Blob类型，理论上也应该可以转为base6。

2.FormData再加一个参数作为文件的唯一标记，一起传到后端就行了。

第1点我不太清楚，第2点需要通过session，靠服务端

第二点可以多给formdata增加一个input字段