easyui+ajaxfileupload,无刷新文件上传
2014-05-05 11:14
405 查看
头文件引用
js代码,这里把返回值修改成上传到服务器的文件名称,然后赋值给一个隐藏input,提交表单时以便入库
表单上传部分
<link href="easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <link href="easyui/themes/icon.css" rel="stylesheet" type="text/css" /> <script src="easyui/jquery.min.js" type="text/javascript"></script> <script src="easyui/jquery.easyui.min.js" type="text/javascript"></script> <script src="js/ajaxfileupload.js" type="text/javascript"></script>
js代码,这里把返回值修改成上传到服务器的文件名称,然后赋值给一个隐藏input,提交表单时以便入库
//文件上传 function ajaxFileUpload(){ $("#loading") .ajaxStart(function(){ $(this).show(); }) .ajaxComplete(function(){ $(this).hide(); }); $.ajaxFileUpload ( { url:'upload.php', secureuri:false, fileElementId:'fileToUpload', dataType: 'json', data:{name:'logan', id:'id'}, success: function (data, status) { if(typeof(data.error) != 'undefined') { if(data.error != '') { alert(data.error); }else{ alert("上传成功") $("#imgURL").attr("value",data.msg); //alert(data.msg); //$("#img").attr("src","upload/"+data.msg); } } }, error: function (data, status, e) { alert(e); } } ) return false; }
表单上传部分
<input id="fileToUpload" type="file" size="45" name="fileToUpload" class="input"><button class="button" id="buttonUpload" onclick="return ajaxFileUpload();">上传</button> <input name="imgURL" id="imgURL" class="easyui-validatebox" type="hidden">
相关文章推荐
- SpringMVC结合ajaxfileupload文件无刷新上传
- 无刷新文件上传之二:Jquery文件上传插件--ajaxfileupload
- SpringMVC结合ajaxfileupload.js实现文件无刷新上传
- 使用ajaxFileUpload.js插件实现ajax无刷新上传文件
- Spring3.0.5MVC + ajaxfileupload无刷新文件上传
- SpringMVC结合ajaxfileupload.js实现文件无刷新上传
- SpringMVC结合ajaxfileupload.js实现文件无刷新上传
- SpringMVC结合ajaxfileupload.js实现文件无刷新上传
- 使用ajaxFileUpload.js插件实现ajax无刷新上传文件
- springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
- jQuery ajax + ajaxfileupload.js插件 实现无刷新文件上传
- 【Jsp】使用AjaxFileUploader与jspsmartupload完成不刷新的Ajax文件上传系统
- SpringMVC结合ajaxfileupload.js实现文件无刷新上传
- SpringMVC结合ajaxfileupload文件无刷新上传
- Jquery ajaxfileupload.js结合.ashx文件实现无刷新上传
- ajaxfileupload.js+springMVC实现无刷新文件上传
- SpringMVC结合ajaxfileupload.js实现文件无刷新上传
- springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
- SpringMVC结合ajaxfileupload.js实现文件无刷新上传
- SpringMVC结合ajaxfileupload.js实现ajax无刷新文件上传