2021年开始,尼玛浏览器都不支持FLASH... Uploadify这控件直接挂了...他核心文件是swf的....
老项目现在改用ajaxFileUpload.js上传文件.....
asp.net 和 mvc 源码下载地址:https://download.csdn.net/download/djk8888/15482704
主要代码如下:
asp.net 前端
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ajaxfileupload上传图片</title>
<script src="js/jquery-1.7.1.js" type="text/javascript"></script>
<script src="js/ajaxfileupload.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#btnUpload").click(function () {
ajaxFileUpload();
})
});
function ajaxFileUpload() {
$.ajaxFileUpload
(
{
url: '/upload.aspx', //用于文件上传的服务器端请求地址
secureuri: false, //一般设置为false
fileElementId: 'file1', //文件上传空间的id属性 <input type="file" id="file" name="file" />
dataType: 'json', //返回值类型 一般设置为json
success: function (data, status) //服务器成功响应处理函数
{
$("#img1").attr("src", data.imgurl);
if (typeof (data.error) != 'undefined') {
if (data.error != '') {
alert(data.error);
} else {
alert(data.msg);
}
}
},
error: function (data, status, e)//服务器响应失败处理函数
{
alert(e);
}
}
)
return false;
}
</script>
</head>
<body>
<h1>上传图片</h1>
<input type="file" id="file1" name="file" accept="image/jpg,image/jpeg,image/gif,image/png" />
<input type="button" value="上传" id="btnUpload" /><br />
<img id="img1">
</body>
</html>
asp.net 后端
using System;
using System.Web;
namespace jQuery事件
{
public partial class upload1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
HttpFileCollection files = Request.Files;
string msg = string.Empty;
string error = string.Empty;
string imgurl;
if (files.Count > 0)
{
files[0].SaveAs(Server.MapPath("/TempUpload/") + System.IO.Path.GetFileName(files[0].FileName));
msg = " 成功! 文件大小为:" + files[0].ContentLength;
imgurl = "/TempUpload/" + files[0].FileName;
string res = "{ error:'" + error + "', msg:'" + msg + "',imgurl:'" + imgurl + "'}";
Response.Write(res);
Response.End();
}
}
}
}
mvc 前端
@{
ViewBag.Title = "上传";
}
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>上传Excel</title>
<script src="~/JS/jquery-1.7.1.js"></script>
<script src="~/JS/ajaxfileupload.js"></script>
<script type="text/javascript">
$(function () {
$("#btnUpload").click(function () {
ajaxFileUpload();
})
});
function ajaxFileUpload() {
$.ajaxFileUpload
(
{
url: 'Home/upload', //用于文件上传的服务器端请求地址
secureuri: false, //一般设置为false
fileElementId: 'file1', //文件上传空间的id属性 <input type="file" id="file" name="file" />
dataType: 'json', //返回值类型 一般设置为json
success: function (data, status) //服务器成功响应处理函数
{
$("#img1").attr("src", data.imgurl);
if (typeof (data.error) != 'undefined') {
if (data.error != '') {
alert(data.error);
} else {
alert(data.msg);
}
}
},
error: function (data, status, e)//服务器响应失败处理函数
{
alert(e);
}
}
)
return false;
}
</script>
</head>
<body>
<h1>上传图片</h1>
<input type="file" id="file1" name="file" accept="image/jpg,image/jpeg,image/gif,image/png" />
<input type="button" value="上传" id="btnUpload" /><br />
<img id="img1" />
</body>
</html>
mvc 后端
using System.Web.Mvc;
namespace ajaxFileUpload_mvc.Controllers
{
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
public ActionResult upload()
{
var files = Request.Files;
string msg = string.Empty;
string error = string.Empty;
string imgurl;
if (files.Count > 0)
{
files[0].SaveAs(Server.MapPath("/TempUpload/") + System.IO.Path.GetFileName(files[0].FileName));
msg = " 成功! 文件大小为:" + files[0].ContentLength;
imgurl = "/TempUpload/" + files[0].FileName;
string res = "{ error:'" + error + "', msg:'" + msg + "',imgurl:'" + imgurl + "'}";
Response.Write(res);
Response.End();
}
return View();
}
}
}
本文配套源码下载地址: https://download.csdn.net/download/djk8888/15482704
嗯嗯...怎么说呢?看别人的代码永远是别人的....只有自己看懂了,会用了,写demo了,植入到项目里了...才是自己的。