MVC图片上传

最新推荐文章于 2020-08-18 14:36:05 发布

一个大猴子

最新推荐文章于 2020-08-18 14:36:05 发布

阅读量477

点赞数

分类专栏： MVC asp.net

本文链接：https://blog.csdn.net/qq_15185769/article/details/48632303

版权

asp.net 同时被 2 个专栏收录

41 篇文章 0 订阅

订阅专栏

MVC

33 篇文章 0 订阅

订阅专栏

1、引用

2、初始化

$(function () {
$("#CustomerFrom").validate(); //开启验证
Xian();

var postUrl = "@EHECD.Bll.BllHelper.ImgUrl";
var filelist = 'roomPic';
var postParams = {};
var swfRelativePath = "/Content/js/lib/swfupload/";
var buttonId = 'btnPicUpload', displayImgId = 'displayPic';
initSwfUpload(swfRelativePath, postUrl, buttonId, displayImgId, postParams, filelist, true, 100, "点击上传");

});

3、HTML

<tr>
<td class="title" style="font-weight:bold; text-align:left;" colspan="4">
图片附件
</td>
</tr>
<tr id="tr_AccessoryContent">
<td valign="middle" class="content">
<div id="btnPicUpload"></div>
</td>
<td colspan="3" style="padding:0px;">
<ol id="displayPic" class="log">
@{if (Accessory != null)
{
foreach (var item in Accessory)
{
var rad = "displayPicSWFUpload" + item.sPath;
var rad1 = rad;
var filename = rad + "_filename";
var progressvalue = rad + "_progressvalue";
var progressbar = rad + "_progressbar";
var progress = rad + "_progress";
var status = rad + "_status";
var stopUpload = rad + "_stopUpload";
<li id="@rad1" class="@rad1" imagesrc="@item.sPath">
<span id="@filename" class="filename" style="display: none;"></span>
<span id="@progressvalue" class="progressvalue" style="display: none;">100%</span>
<div id="@progressbar" class="progressbar" style="display: none;">
<div id="@progress" class="progress" style="width: 100%;">
</div>
</div>
<p id="@status" class="status" style="display: none;">上传中</p>
<span id="@stopUpload" οnclick="javascript:obj=getID('@rad1');
t_obj=getID('displayPic');t_obj.removeChild(obj); deleteFilePath(roomPic, obj.getAttribute('imagesrc'));" class="stopUpload"> </span>
<img src="@item.sPath">
</li>
}
}
}
</ol>
<div id="roomPic" style="display:none">
@{if (Accessory != null)
{
foreach (var item in Accessory)
{
var path = "|" + @item.sPath;
@path
}
}
}</div>
</td>
</tr>

图片路径读取 };
var accessory = [];//附件
var array = $("#roomPic").text().split('|');
for (var i = 0; i < array.length; i++) {
if (array[i] != undefined && array[i] != "")
accessory.push(array[i]);
}

插件在资源里面

4、.ashx

/// <summary>
/// Upload 的摘要说明
/// </summary>
public class Upload : IHttpHandler
{

public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
HttpPostedFile file = context.Request.Files["Filedata"];
string sDate = DateTime.Now.ToString("yyyy-MM");
string uploadPath = System.AppDomain.CurrentDomain.BaseDirectory + "\\Files\\" + sDate + "\\";
if (file != null)
{
if (!Directory.Exists(uploadPath))
{
Directory.CreateDirectory(uploadPath);
}
string sExtension = System.IO.Path.GetExtension(file.FileName);//后缀名
string sFileName = DateTime.Now.ToString("yyyyMMddHHmmssfff") + sExtension;//组装大图文件名

//File.Create(uploadPath + sFileName);
file.SaveAs(uploadPath + sFileName);

//下面这句代码缺少的话，上传成功后上传队列的显示不会自动消失
context.Response.Write("/Files/" + sDate + "/" + sFileName);

}
}

public bool IsReusable
{
get
{
return false;
}
}
}