JS上传文件file（formdata）

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

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

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',"www.xxx.com");
                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）分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。