项目总结:文件上传(MVC uploadify)
<tr class="tablealternaterow"><td class="cell">Picture</td><td class="cell">
<p style="float:left;">
<span id="uploadImgState<%=i %>">
<% if (Model.MultipleLocalComparisonArgument[i].PictureURL != null)
{%>
<img alt="" width="340px" src= "<%=Model.MultipleLocalComparisonArgument[i].PictureURL%>" />
<%} %>
</span></p>
<p id="picDiv<%=i %>" style="float:right; padding-top:10px; padding-right:10px;" ><p id="queue<%=i %>"></p><input id="file_upload<%=i %>" name="file_upload<%=i %>" type="file" multiple="true" /></p>
</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 = "https://" + 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,
});
}
上一篇: ASP.NET:自定义实体类
推荐阅读
-
webuploader上传大文件总结-一字腾云-SegmentFault思否
-
php+jQuery.uploadify实现文件上传教程
-
web文件上传的总结(二)改变Apache默认post值来提高文件上传大小
-
Spring MVC 实现文件的上传和下载
-
ASP.NET MVC4 利用uploadify.js多文件上传
-
项目总结:文件上传(MVC uploadify)
-
JavaScript上传文件时不用刷新页面方法总结(推荐)
-
解决.net项目中上传的图片或者文件太大无法上传问题
-
ASP.NET MVC HttpPostedFileBase文件上传的实例代码
-
Spring MVC中上传文件实例