JS上传文件file（formdata）

最近有项目要开发一个数据库模块，需要实现可以在外部导入数据库文件，也可以从本地导入数据库文件。其实就是本地文件的一个上传功能，在这里总结一下：

首先我使用的方法是通过创建formData对象，使用XMLHttpRequest来发送数据。代码如下：

var fileObj = document.getElementById('sql_input').files[0];var form = new FormData();form.append('file', fileObj);if(window.XMLHttpRequest){var xhr = new XMLHttpRequest();}else{var xhr = new ActiveXObject('Microsoft.XMLHTTP');}xhr.open('POST',"");xhr.send(form);xhr.onreadystatechange = function() {if (xhr.readyState == 4){var res = JSON.parse(xhr.response);console.log("上传成功");}};

通过这种方式其实就是通过form表单的方式提交我们的文件，并不是单纯的通过ajax来提交。但是是最简单直接的方法。

3. 当你拥有的并不是文件，而是文件的内容，但想通过文件的方式发送那么我们可以这么做：

var content = '<a id="a"><b id="b">hey!</b></a>'; // 新文件的正文...var blob = new Blob([content], { type: "text/xml"});form.append("webmasterfile", blob);这是 JavaScript的file-like对象，这个属于JavaScript和本地文件相关的内容，大家有兴趣可以了解一下，但是要注意兼容性

如果觉得《JS上传文件file（formdata）》对你有帮助，请点赞、收藏，并留下你的观点哦！