<input type='file'>选择文件后自动上传文件

来源:互联网 发布:网络剧怎么找发行渠道 编辑:程序博客网 时间:2024/05/19 18:14

想要一个选择了文件就自动上传的效果,但之前的<input file> 都是写在form表单中来提交的。借助jquery的ajaxfileupload.js,可以这样子弄:

<p>正面:<input name="file1" type="file" value="选择" size="20" id="fileUpload1" onchange ="uploadFile(this,1)"></p>

function uploadFile(obj, type) {$.ajaxFileUpload({url : "http://localhost:8081/ws2/servlet/fileUpload",secureuri : false,// 一般设置为falsefileElementId : "fileUpload"+type,// 文件上传表单的id <input type="file" id="fileUpload" name="file" />dataType : 'json',// 返回值类型 一般设置为jsondata: {'type': type, "type2":2},success : function(data) // 服务器成功响应处理函数{                },error : function(data)// 服务器响应失败处理函数{console.log("服务器异常");}});return false;}
当在打开的框中双击了一个文件后,就会触发onchange事件,把上传的实现代码写中其中即可。

2 0
原创粉丝点击