首页 > 网站 > WEB开发 > 正文

上传系列:jquery.upload.js

2024-04-27 14:20:03
字体:
来源:转载
供稿:网友

上传系列:jquery.upload.js

最近想做一个上传的总结,把自己用过的上传插件都写一写,哪天用到的时候就不用再一次的翻阅资料,现在页面上用到的上传插件,原理上都差不多,那我也就不再废话了,下面我主要记录一下几个比较常用的,由简到繁,这里我只写代码,其它的就不在啰嗦了:

  • jquery.upload.js
  • Ajaxupload.js
  • uploadify
  • SWFUpload

jquery.upload.js

  这里只写主要的,至于js的引用我就不用说了是吧,自己添加上就行,我就不写了。

  前台html代码:

 1 <html> 2 <head> 3     <meta name="viewport" content="width=device-width" /> 4     <title></title> 5     <script> 6         /*文件上传*/ 7         function upload() { 8             $.upload({                      // 上传方法 9                 url: '/System/Upload',      // 上传地址10                 fileName: 'uploadfile',     // 文件域名字11                 params: { name: 'pxblog' }, // 其他表单数据12                 dataType: 'json',           // 上传完成后, 返回json, text13                 onSend: function () {       // 上传之前回调,return true表示可继续上传14                     return true;15                 },16                 onSubmit: function () {17                 },18                 onComplate: function (data) {   // 上传之后回调19                     if (data.msg) {20 21                     } else {22                         alert("上传图片出错!");23                     }24                 }25             })26         }27     </script>28 </head>29 <body>30     <div>31         <input type="button" onclick="upload()" value="点击上传" />32     </div>33 </body>34 </html>
View Code

  后台接收文件的代码,这里用的MVC

 1 public ActionResult Upload(HttpPostedFileBase FileData) 2         { 3             // 如果没有上传文件 4             if (FileData == null || string.IsNullOrEmpty(FileData.FileName) || FileData.ContentLength == 0) 5             { 6                 return this.HttpNotFound(); 7             } 8             string filename = Path.GetFileName(FileData.FileName);  //获得文件名 9             string extension = Path.GetExtension(FileData.FileName);//获得文件扩展名10             string phyPath = Request.MapPath("/Upload/");11             if (!Directory.Exists(phyPath))12             {13                 Directory.CreateDirectory(phyPath);14             }15             decimal newid = Math.Abs(Guid.NewGuid().GetHashCode());16             string filepath = phyPath + newid + extension;17             FileData.SaveAs(filepath);18             return Content(newid + extension);19         }
View Code

  缺点:

  这种方式,有个缺点,而且还是在IE上,想想就郁闷,很多乱七八糟的问题都出现在IE上,微软咋就不能好好整整IE啊。

  如果咱们返回方式选择json的时候,IE有的版本会弹框提示下载,哎,遇到这种问题,也真是够倒霉的,没办法,自求多福吧


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表