Jquery-异步文件上传
学习笔记整理:
jquery.uploadify.min.js
# 该组件文件夹
jquery.uploadify.min.js //主js
uploadify.css //样式
uploadify.swf //上传动画
uploadify-cancel.png //退出图片
<tr>
<th>图片</th>
<td><input name="pic" type="file" id="createUploadImage" accept="image/*"/></td>
</tr>
//使用Jquery 对上传框进行初始化
$('#createUploadImage').uploadify({
uploader : '/upload',
fileObjName : 'fileName', //上传文件的名称.也就是SpringMVC中 Muti....
fileSizeLimit : '0',
method:'POST',
fileSizeLimit:'5MB',
swf:'/static/upload/uploadify.swf', //上传动画
fileTypeExts:'*.jpg;*.png;*.png;*.gif', //限制类型
onUploadSuccess : function(file, data, response){
var json = JSON.parse(data); //注意返回数据类型要经过JSON转换,哪怕你本身返回的就是JSON
$('#imagePath').val(json.data);
$('#prop_sucreate_img').attr('src',json.data);
},
onUploadStart : function(file) {
//动态传递额外提交的参数
$("#createUploadImage").uploadify("settings", "formData",{'propgruopId':currentPropgrouId});
},
onUploadError : function(file, errorCode, errorMsg, errorString){
$.messager.alert('警告','上传异常,请尝试刷新页面后重试','error',function(){});
}
});
//后台程序
public ResponseEntity<Message<Void>> uplod(
@RequestParam("fileName") MultipartFile uploadFile,
HttpServletRequest request){
//逻辑
return null;
}
- springboot+jquery实现文件异步上传——浅谈SOA
- jquery实现文件异步上传
- JQuery、ajaxFileUpload、Struts2和注解异步上传文件
- jQuery实现jQuery-form.js实现异步上传文件
- jquery异步上传文件,支持IE8
- jQuery异步上传文件插件ajaxFileUpload详细介绍
- 【转】JQuery插件ajaxFileUpload 异步上传文件(PHP版)
- jquery插件FileUpload实现异步上传文件
- 关于jquery异步上传文件出错的问题
- JQUERY插件JqueryAjaxFileUplaoder----更简单的异步文件上传
- jquery实现文件异步上传
- springmvc利用jquery.form插件异步上传文件
- 使用jquery.form.js+servlet实现文件异步上传
- JQuery插件ajaxFileUpload 异步上传文件(PHP版)
- jquery异步上传文件
- JQUERY插件JqueryAjaxFileUplaoder----更简单的异步文件上传
- MVC文件上传01-使用jquery异步上传并客户端验证类型和大小
- jquery异步文件上传插件ajaxFileUpload笔记(支持多文件上传)
- JQuery异步提交表单与文件上传功能示例