首先我使用的方法是通过创建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和本地文件相关的内容,大家有兴趣可以了解一下,但是要注意兼容性