项目总结：文件上传（MVC uploadify）

最新推荐文章于 2016-11-17 11:53:16 发布

野蛮的人

最新推荐文章于 2016-11-17 11:53:16 发布

阅读量1.1k

点赞数

分类专栏： Asp.net MVC

本文链接：https://blog.csdn.net/sunchengwei/article/details/8735286

版权

Asp.net MVC 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

            <tr class="tablealternaterow"><td class="cell">Picture</td><td class="cell"> 
                      <div style="float:left;">
                      
                      <span id="uploadImgState<%=i %>">
                      <% if (Model.MultipleLocalComparisonArgument[i].PictureURL != null)
                      {%>


                      <img alt=""  width="340px" src= "<%=Model.MultipleLocalComparisonArgument[i].PictureURL%>" />
                        <%} %>                      
                      </span></div>
                      <div id="picDiv<%=i %>" style="float:right; padding-top:10px; padding-right:10px;" ><div id="queue<%=i %>"></div><input id="file_upload<%=i %>" name="file_upload<%=i %>" type="file" multiple="true" /></div> 
                  </td></tr>

    <style type="text/css">       
        .uploadbutton 
        {
            background: white;
            font-weight:normal;
            font-size:0.9em;
        }
</style> 

      <script type="text/javascript">
        $(function () {
           $('#file_upload<%=i %>').uploadify({
               'formData': {
                   'timestamp': '',
                   'token': ''
               },
               'buttonClass': 'uploadbutton',
               'buttonText': 'Upload...',
               'height': 15,
               'width': 120,
               'fileTypeDesc': 'Image Files',
               'fileTypeExts': '*.gif; *.jpg; *.png',
               'swf': '<%=System.Configuration.ConfigurationManager.AppSettings["HostUrl"] %>'+'Content/uploadify.swf',
               'uploader': '<%=Url.Action("AddPic")%>',
               'onUploadSuccess': function (file, data, response) {
                   //alert('The file ' + file.name + ' was successfully uploaded with a response of ' + response + ':' + data);
                   var obj = eval("(" + data + ")");
                   $("#uploadImgState<%=i %>").html("<img alt=''  width='340px' src=" + obj.PictureURL + " />");
                   $("#HiddenPictureURL<%=i %>").attr("value", obj.PictureURL);
               }
           });
        });
   </script>       


        [HttpPost]
        public JsonResult AddPic(HttpPostedFileBase FileData, string folder, string name)
        {
            string title = string.Empty;
            string message = string.Empty;
            string newFilename = System.Guid.NewGuid().ToString("N") + "_" + FileData.FileName;
            string storeFilePath = Server.MapPath("~/UploadPicture/" + newFilename);


            try
            {
                FileData.SaveAs(storeFilePath);
                title = Path.GetFileName(folder);


                //byte[] bytes = Encoding.Unicode.GetBytes("upload success.");


                //for (int i = 0; i < bytes.Length; i += 2)
                //{
                //    message += "\\u" + bytes[i + 1].ToString("x").PadLeft(2, '0') + bytes[i].ToString("x").PadRight(2, '0');
                //}


            }
            catch (Exception ex)
            {
                message = ex.Message;
                return Json(new
                {
                    HasError = "1",
                    ErrMsg = "Upload failed. " + ex.Message,
                });
            }


            //string hostURL = "http://" + Request.Url.Host + ":" + Request.Url.Port + "/UploadPicture/";
            string hostURL = System.Configuration.ConfigurationManager.AppSettings["HostUrl"] + "UploadPicture/";


            return Json(new
            {
                HasError = "0",
                IsSuccess = "1",
                PictureURL = hostURL + newFilename,
            });
        }