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',"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）相关推荐

风尚云网学习-H5+css3+js上传文件页面提交不跳转
风尚云网学习-HTML+原生js上传文件页面提交不跳转页面效果图: 众所周知,from表单提交后会自动跳转url, 此时我们可以用一个空的frame 接收,阻止跳转废话不多说,上全部代码: < ...
七牛云 vue 图片上传简单解说，js 上传文件图片
七牛云 vue 图片上传简单解说,js 上传文件图片一.七牛云简介首次使用七牛云存储进行项目的图片存储,整了一上午才整明白,这些官方的教程把明白人也给说糊涂了,文档很不规范. 七牛云有免费的使用额 ...
JS上传文件（base64字符串和二进制文件流）
①以base64字符串上传(使用FileReader对象获取文件的base64字符串) FileReader参考文档: FileReader - Web API 接口参考 | MDN FileRead ...
js上传文件到c 服务器,js上传文件到c服务器
js上传文件到c服务器内容精选换一换安装传输工具在本地主机和Windows云服务器上分别安装数据传输工具,将文件上传到云服务器.例如QQ.exe.在本地主机和Windows云服务器上分别安装数据 ...
纯js上传文件很好用
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name ...
html表单调用js文件上传,简单实现js上传文件功能
本文实例为大家分享了js实现上传文件功能的具体代码,供大家参考,具体内容如下一.用input完成上传,效果图如选择文件后,提交后出现图片url 二.传输格式采用form-data形式. html代 ...
[原创]使用ajaxFileUpload.js上传文件时附带额外参数。
最近公司的一个项目涉及到导入Excel的功能,于是就想到用ajaxFileUpload来实现上传文件,因为用过很多次了,网上也有很多文章介绍.使用方法不表.但是在附带参数这个环节卡住了:文件可以上传到 ...
http 协议上传文件multipart form-data boundary 说明--转载
原文地址:http://xixinfei.iteye.com/blog/2002017 含义 ENCTYPE="multipart/form-data" 说明: 通过 http ...
js上传文件；input上传文件；
html原生上传文件方式1: <!DOCTYPE html> <html><head><meta charset="utf-8" /> ...

JS上传文件file（formdata）

JS上传文件file（formdata）相关推荐

最新文章

热门文章