jquery 上传文件-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

jquery 上传文件

简介: 一、定义一个input file 并隐藏   二、点击一个图片时,打开input file的上传窗口   js function fileTest(){ $("#imgsFileInputTable").

一、定义一个input file 并隐藏

<input id="imgsFileInputTable" type="file" size="45" accept="image/gif,image/png,image/jpeg" name="uploadFileInput" class="input" style="display:none;" onchange="ajaxFileUploadTable(上传文件参数)"/>

 

二、点击一个图片时,打开input file的上传窗口
<img src="upload/img/noimg.png" onclick="fileTest()"
id="imgUploadSmallImg" class="showdataPacksSmallIMg" />

 

js

function fileTest(){
$("#imgsFileInputTable").click();
}

 三、窗口中上传图片 input file 会触发change事件,change调用异步上传文件js函数

 $.ajaxFileUpload({

url:'FileUpload',
secureuri:false,
fileElementId:uploadFileInput, //文件选择框的id属性
dataType: 'json', //服务器返回的格式,可以是json
timeout:7000,
success:function (data, status) //相当于java中try语句块的用法
{

  在这里更新img 的图片

},
error: function (data, status, e) //相当于java中catch语句块的用法
{

}

成功后更新 点击的当前图片内容

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享: