uploadity实现文件上传（获取文件路径，进度，）

最新推荐文章于 2022-08-03 11:22:34 发布

zhangj391

最新推荐文章于 2022-08-03 11:22:34 发布

阅读量1.3k

点赞数

前台：

@{
ViewBag.Title = "Home Page";
}
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="~/Scripts/jquery-1.8.2.js"></script>
<link href="~/js/uploadify/uploadify.css" rel="stylesheet" />
<script src="~/js/uploadify/jquery.uploadify.js"></script>
<script type="text/javascript">
$(function () {
$("#uploadify").uploadify({
//指定swf文件
'swf': 'js/uploadify/uploadify.swf',
//后台处理的页面
'uploader': 'UploadHandler.ashx',
//按钮显示的文字
'buttonText': '上传图片',
//显示的高度和宽度，默认 height 30；width 120
'height': 25,
'width': 80,
//上传文件的类型默认为所有文件 'All Files' ; '*.*'
//在浏览窗口底部的文件类型下拉菜单中显示的文本
'sizeLimit': 86400, //控制上传文件的大小，单位byte
'fileTypeDesc': 'Image Files',
//允许上传的文件后缀
'fileTypeExts': '*.gif; *.jpg; *.png',
//发送给后台的其他参数通过formData指定
//'formData': { 'someKey': 'someValue', 'someOtherKey': 1 },
//上传文件页面中，你想要用来作为文件队列的元素的id, 默认为false 自动生成, 不带#
//'queueID': 'fileQueue',
//选择文件后自动上传
'auto': true,
//设置为true将允许多文件上传
'multi': false,
'onSelect': function (file, data) {
$("#fileName").val(file.name).attr("title", file.name);
},
//上传成功后执行
'onUploadSuccess': function (file, data, response) {
$('#' + file.id).find('.data').html(' 上传完毕');
}
});
});

</script>

</head>
<body>
<div style="width:600px;float:left;text-align:center;vertical-align:central">
<input type="text" id="fileName" style=" width:260px; height:25px;margin-top:0px; margin-left:-190px; position:absolute;" />
@*加onchange不好使*@
<input type="file" name="uploadify" id="uploadify" style="width:200px;top:-20px; float:left;position:absolute" />
@*<p>
<a href="javascript:$('#uploadify').uploadify('upload')">上传</a>|
<a href="javascript:$('#uploadify').uploadify('cancel')">取消上传</a>
</p>*@

</div>
</body>
</html>

后台：

public class UploadHandler : IHttpHandler
{

public void ProcessRequest(HttpContext context)
{

context.Response.ContentType = "text/plain";
//http://www.cnblogs.com/babycool/
//接收上传后的文件
HttpPostedFile file = context.Request.Files["Filedata"];

//获取文件的保存路径
string uploadPath =
HttpContext.Current.Server.MapPath("UploadImages" + "\\");
//判断上传的文件是否为空
if (file != null)
{
if (!Directory.Exists(uploadPath))
{
Directory.CreateDirectory(uploadPath);
}
//保存文件
file.SaveAs(uploadPath + file.FileName);
context.Response.Write("1");
}
else
{
context.Response.Write("0");
}
}

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