当前位置：首页 > 资讯 > 技术文档

Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件

时间：2020-08-06 13:37 编辑：来源：阅读：
扫一扫，手机访问

摘要：Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件

[b]0 ajaxFileUpload简介[/b] ajaxFileUpload插件是一个非常简单的基于Jquery的异步上传文件的插件，使用过程中发现很多与这个同名的，基于原始版本基础之上修改过的插件，文件版本比较多，我把我自己使用的ajaxFileUpload文件上传到博客园上了，想要使用的朋友可以下载：[url=http://xiazai.jb51.net/201611/yuanma/ajaxfileupload(jb51.net).rar]http://xiazai.jb51.net/201611/yuanma/ajaxfileupload(jb51.net).rar[/url]。整个插件源码不到200行，实现非常简单，大致原理就是通过js动态创建隐藏的表单，然后进行提交操作，达到附件上传的目的，主要实现在源码里都有注释，不难理解，我们也可以基于此简单版本实现更复杂的操作。 [b]1 ajaxFileUpload使用说明[/b] ajaxFileUpload的使用也很简单，调用ajaxFileUpload方法即可，各配置项详细说明如下：

$.ajaxFileUpload({
   type: "post",       //请求类型：post或get,当要使用data提交自定义参数时一定要设置为post
   url: "/Shared/Upload",     //文件上传的服务器端请求地址
   secureuri: false,      //是否启用安全提交，一般默认为false就行，不用特殊处理
   fileElementId: "filePicture",   //文件上传控件的id <input type="file" id="filePicture" name="filePicture" accept=".jpg,.jpeg,.png,.bmp" onchange="filePictureChange()" />
   dataType: "json",      //返回值类型，一般设置为json，还支持html\xml\script类型
   data: { "id": "1", "name": "test" }, //用于post请求提交自定义参数
   success: function (data, status) {  //服务器成功响应处理函数
   },
   error: function (data, status, e) { //服务器响应失败处理函数
   }
  });

首先在页面添加对JQuery及ajaxFileUpload的引用，这里的JQuery用的2.1.4版本，经测试用各个版本基本没什么影响。 <script src="../../Content/js/jquery-2.1.4.min.js"></script> <script src="../../Content/js/ajaxfileupload.js"></script> 页面添加类型为file的input标签

[url=http://www.1sucai.cn/Special/896.htm]《jQuery上传操作汇总》[/url]，进行深入学习和研究。以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：Asp.net后台调用js 2种方法
下一篇：CommunityServer又称CS论坛的相关学习资料

资讯排行榜
更多>>

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部