最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
移动手机中实现端文件上传的例子
时间:2014-07-09 编辑:简简单单 来源:一聚教程网
input[type="file"] 可以选择手机里的文件,还可以调用拍照功能(某些浏览器不行),Form 表单如下:
代码如下 | 复制代码 |
这里做单文件上传,多文件上传可以给 input[type="file"] 加个 multiple 属性便可。当触发 submit 事件提交:
代码如下 | 复制代码 |
upload.submit = function() { // xhr.upload 在 iOS Safari、 大部分 Android 4.0+ 的自带浏览器、Chrome 都支持 xhr.open('post', form.action, false); // 可以在 onProgress 的时候处理进度条 upload.onError = function() {} // 上传完成 return upload; })(window, window.Upload || {}); |
Server 端用了 formidable 这个中间件:npm install formidable。
当然不用 formidable 也能处理文件上传。
代码如下 | 复制代码 |
var fs = require('fs'), app.post('/upload', function(req, res) { // formidable 属性设置可以参考 github 上说明 form.parse(req, function(err, fields, files) { // 我们可以在文件上传完成后移到放置文件的目标目录 |
相关文章
- sora软件价格介绍 02-22
- sora官网入口地址一览 02-22
- Sora生成的视频使用教程 02-22
- 《梦幻西游》元宵灯谜线索答案大全2024 02-22
- 《原神》有朋自远方来第一天通关攻略 02-22
- 《苏醒之路》四个结局达成攻略 02-22