文件上传
2015-08-20 13:53
483 查看
HTML部分:
XMLHttpRequest Level 2添加了一个新的接口
JavaScript部分:(使用jquery)
如果不用jquery:
参考资料:
<input type="file" id="id-input-file-3">
XMLHttpRequest Level 2添加了一个新的接口
FormData,用来上传文件很好用。
JavaScript部分:(使用jquery)
var file = jQuery('#fileid').get(0).files[0]; // 得到文件 var formData = new FormData(); // 新建一个FormData对象 formData.append('file', file); // formData.append('uid', 123); // 向FormData对象添加字段 $.ajax({ url:'/admin/ajax/fileuploadTmp', type:'POST', data: formData, success: function(data, status) { console.log(data); }, processData: false, // tell jQuery not to process the data contentType: false // tell jQuery not to set contentType });
如果不用jquery:
var oOutput = document.getElementById("output")]var oData = new FormData(document.forms.namedItem("fileinfo")); oData.append("CustomField", "This is some extra data"); var oReq = new XMLHttpRequest(); oReq.open("POST", "stash.php", true); oReq.onload = function(oEvent) { if (oReq.status == 200) { oOutput.innerHTML = "Uploaded!"; } else { oOutput.innerHTML = "Error " + oReq.status + " occurred uploading your file.<br \/>"; } }; oReq.send(oData);
参考资料:
FormData - Web API 接口| MDN
使用FormData对象- Web 开发者指南| MDN
相关文章推荐
- NSUserDefaults
- c语言宏定义#define的理解与资料整理
- Palindrome Linked List
- Spiral Matrix
- 写一个函数,输入一个二叉树,树中每个节点存放了一个整数值,函数返回这棵二叉树中相差最大的两个节点间的差值绝对值。请注意程序效率。
- C#跨平台吗
- Android Framework 学习计划 & 职业发展规划 (20150820)
- 感受Vim的强大:进阶技巧
- ORA-27094: raw volume used can damage partition table
- Mac下新安装的MySQL无法登陆root用户解决方法
- VitrualBox Ubuntu添加硬盘
- CSS 水平垂直居中
- [MSSQL]SQL中Group分组获取Top N方法实现可首选row_number
- 【effective c++读书笔记】【第9章】杂项讨论
- 关于SVN提交注释的问题
- 【effective c++读书笔记】【第9章】杂项讨论
- 为什么要使用SLF4J而不是Log4J
- 编写高质量代码改善C#程序的157个建议——建议91:可见字段应该重构为属性
- WebSocket 实战
- windows 文档导入linux中的一些特殊字符