博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
项目总结:文件上传(MVC uploadify)
阅读量:5252 次
发布时间:2019-06-14

本文共 2545 字,大约阅读时间需要 8 分钟。

            <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,
            });
        }

 

转载于:https://www.cnblogs.com/xinyuyuanm/archive/2013/03/29/2988800.html

你可能感兴趣的文章
Problem B: 占点游戏
查看>>
python常用模块之sys, os, random
查看>>
HDU 2548 A strange lift
查看>>
Linux服务器在外地,如何用eclipse连接hdfs
查看>>
react双组件传值和传参
查看>>
[Kaggle] Sentiment Analysis on Movie Reviews
查看>>
价值观
查看>>
mongodb命令----批量更改文档字段名
查看>>
CentOS 简单命令
查看>>
使用&nbsp;SharedPreferences 分类: Andro...
查看>>
TLA+(待续...)
查看>>
题解: [GXOI/GZOI2019]与或和
查看>>
MacOS copy图标shell脚本
查看>>
国外常见互联网盈利创新模式
查看>>
Oracle-05
查看>>
linux grep 搜索查找
查看>>
Not enough free disk space on disk '/boot'(转载)
查看>>
android 签名
查看>>
vue项目中使用百度统计
查看>>
android:scaleType属性
查看>>