最近有个移动端文件上传的需求,不用面向中低端手机用户,所以还是可以用 HTML5 搞一搞,主要利用 XMLHttpRequest 2;后端我用的 Nodejs。主要在 iOS 6/7 和 Android 4.2+ 测试。input[type="file"]可以选择手机里的文件,还可以调用拍照功能(某些浏览器不行),Form 表单如下:这里做单文件上传,多文件上传可以给input[type="file"]加个multiple属性便可。当触发 submit 事件提交:var Upload = (function(win, upload) {
upload.submit = function() {
var self = this,
form = document.getElementById('form'),
formdata = new FormData(form),
xhr = new XMLHttpRequest();
// xhr.upload 在 iOS Safari、 大部分 Android 4.0+ 的自带浏览器、Chrome 都支持
xhr.upload.addEventListener("progress", self.onProgress, false);
xhr.addEventListe
...
继续阅读
(22)