jQuery使用ajaxfileupload插件实现ajax文件上传
2014-03-04 14:26
567 查看
<!-- 引入相关的js文件,相对路径 --> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/ajaxfileupload.js"></script> <!-- 执行上传文件操作的函数 --> <script type="text/javascript"> function ajaxFileUpload(){ $.ajaxFileUpload({ url:'', //需要链接到服务器地址 secureuri:false, fileElementId:'fileToUpload', //文件选择框的id属性 dataType: 'json', //服务器返回的格式json data:{name:'name', id:'id'}, success: function (data, status){ alert('添加成功'); }, error: function (data, status, e){ alert('添加失败'); } }); } </script>
<body> <form method="POST"> <input id="fileToUpload" type="file" size="45" name="fileToUpload"> <input type="button" value="提交" onclick="ajaxFileUpload()"> </form> </body>
相关文章推荐
- jquery 实现ajax 上传文件的功能(使用插件 ajaxfileupload)
- jQuery插件AjaxFileUpload可以实现ajax文件上传
- jQuery插件AjaxFileUpload实现ajax文件上传
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
- 使用ajaxfileupload.js插件实现Ajax方式上传文件
- 转:一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- MVC文件上传04-使用客户端jQuery-File-Upload插件和服务端Backload组件实现多文件异步上传
- jQuery插件AjaxFileUpload实现ajax文件上传
- jQuery插件AjaxFileUpload文件上传实现Javascript多文件上传功能
- 使用ajaxfileupload插件实现异步上传并保存图片功能
- jQuery插件ajaxFileUpload实现异步上传文件效果
- ASP.NET- 无刷新上传使用jQuery插件之ajaxFileUpload
- PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例
- jQuery插件AjaxFileUpload实现ajax文件上传
- jQuery ajax + ajaxfileupload.js插件 实现无刷新文件上传
- 在struts2中使用jQuery插件ajaxfileupload
- jquery插件ajaxFileUpload实现异步上传文件案例
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- jquery 文件上传插件ajaxfileupload.js 实现多图上传,解决文件上传后表单置空的问题