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 = 'hey!'; // 新文件的正文...
var blob = new Blob([content], { type: "text/xml"});

form.append("webmasterfile", blob);

这是 JavaScript的file-like对象,这个属于JavaScript和本地文件相关的内容,大家有兴趣可以了解一下,但是要注意兼容性

你可能感兴趣的:(javascript)