读书人

asp.net如果下传大图片

发布时间: 2013-01-23 10:44:49 作者: rapoo

asp.net如果上传大图片
每张图片大概二十兆左右吧。
还有,能不能同时多个这么大的图片上传呢。有没有类似的插件呢。
图片列表
asp.net如果下传大图片
添加图片
asp.net如果下传大图片
编辑图片:
asp.net如果下传大图片
提示信息:
asp.net如果下传大图片
整合代码


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Web图片批量上传控件演示页面</title>
<script type="text/javascript" src="ImageUploader/ImageUploader.js" charset="utf-8"></script>
</head>
<body>
<div><a href="asp.net/images.aspx">查看上传的图片</a></div>
<div id="msg"></div>
<script language="javascript" type="text/javascript">
var imgUploader = new ImageUploader();
imgUploader.Config["PostUrl"] = "http://localhost/php/upload.php";

window.onload = function()
{
imgUploader.Init();
}
</script>
</body>
</html>


IE(x86)平台示例下载:
cab安装包
cab安装包(x64)
ASP示例
ASP.NET示例
JSP示例
PHP示例

IE(x86),IE(x64),Firefox,Chrome平台示例下载:
xpi安装包
crx安装包
exe安装包
ASP示例
ASP.NET示例
JSP示例
PHP示例

IE(x86),IE(x64),Firefox,Chrome企业版示例下载:
cab安装包
xpi安装包
crx安装包
exe安装包
ASP示例
ASP.NET示例
JSP示例
PHP示例

[解决办法]
Web.config中 的 <httpRuntime requestValidationMode="2.0" maxRequestLength="1024000"〉
  $(document).ready(function () {
var session = 'fileload/' + $("#getsession ").val();

$("#uploadify").uploadify({
'uploader': 'Scripts/jquery.uploadify-v2.1.4/uploadify.swf', // 做上传的Flash插件
'script': 'FilesUpLoad.ashx', // 服务器处理页面(支持多种语言,例如您可以修改成PHP、ASP、JSP等语言)
// 'scriptData': { 'UserID': ASPSESSID, 'AUTHID': auth },
'cancelImg': 'Scripts/jquery.uploadify-v2.1.4/cancel.gif', // 关闭按钮的图片地址
'folder': session, // 保存文件的文件夹
'queueID': 'fileQueue',


'fileDesc': '请选择你电脑里格式为*.rar;*.zip;*.doc;*.jpg;*.gif;*.mp3的文件', // 描述(必须和fileExt一起使用)
'fileExt': '*.rar;*.zip;*.doc;*.jpg;*.gif;*.png;*.mp3', // 允许浏览上传的文件扩展名(必须和fileDesc一起使用)
'sizeLimit': 104857600, // 文件大小限制100M(注意,在ASP.NET中Web.Config也要配置)
'auto': true,
'multi': true, // 是否支持多文件上传
'buttonImg': 'IMG/upload.png',
'onError': function (a, b, c, d) {
if (d.status == 404)
alert('Could not find upload script.');
else if (d.type === "HTTP")
alert('error ' + d.type + ": " + d.info);
else if (d.type === "File Size")
alert("文件:" + c.name + ' ' + ' 已超出文件大小限制!');
else
alert('error ' + d.type + ": " + d.info);
},
'onComplete': function (a, b, c, d, e) { // 完成一个上传后执行
$("#div_Msg").addClass("div_Msg").text("剩余 " + e.fileCount + " 个文件正在上传 . . .");
var RPath = d.split(',');

if (RPath.length > 0) {
var Path = RPath[0];
var Originalname = "";
if ($("#title").val() == ""


[解决办法]
$("#title").val() == "在此输入标题") {
Originalname = RPath[1];
}
else {
Originalname = $("#title").val();
}
// var count = parseInt($("#HCount").val());
var count;
var type = c.type;

var input = $("#content").attr("value");
if (input == "在此输入内容") {
input = "";
}
if (type == ".jpg"
[解决办法]
type == ".gif"
[解决办法]
type == ".png") {
var str = input;
var arr = str.match(/\[\d+\]/g);
if (arr != null) {
arr.sort();
count = parseInt(arr[arr.length - 1].match(/\d+/g)) + 1;

}
else {


count = 1;
}
$("#content").val("" + input + "![达古心灵驿站-" + Originalname + "][" + count + "]\r\n\r\n\r\n" + "[" + count + "]:" + "" + Path + "\r\n");
var countadd = count + 1;
$("#HCount").val(count + 1);
if ($("#wmd-previewcontent").text() == "在此输入内容") {
$("#wmd-previewcontent").text("")
$("#wmd-previewcontent").append(" <p class=\"addimg\"><img src='" + Path + "'></p>");
}
else {
$("#wmd-previewcontent").append(" <p class=\"addimg\"><img src='" + Path + "'></p>");
}

}
else if (type == ".mp3") {
$("#content").val("" + input + "<embed width=\"550\" height=\"40\" allownetworking=\"internal\" allowscriptaccess=\"never\" src=\"ClientBin/player.swf?soundFile=" + Path + "&bg=0xeeeeee&&leftbg=0x357dce&lefticon=0xFFFFFF&rightbg=0xf06a51&rightbghover=0xaf2910&righticon=0xFFFFFF&righticonhover=0xffffff&text=0x666666&slider=0x666666&track=0xFFFFFF&border=0x666666&loader=0x9FFFB8&autostart=no&loop=no\" quality=\"high\" bgcolor=\"#ffffff\" wmode=\"transparent\" allowfullscreen=\"true\" type=\"application/x-shockwave-flash\"/> ");
}


}

},
'onAllComplete': function (a, b) { // 完成所有上传后执行
$("#div_Msg").addClass("div_Msg").text("恭喜您 , 所选的 " + b.filesUploaded + " 个文件已成功上传 ! ");
// $("#form1").submit();
},
'onSelectOnce': function (a, b) { // 浏览一次本机文件后执行
$("#div_Msg").addClass("div_Msg").text("据统计:总共 " + b.fileCount + " 个可上传文件 ! ");
},
'onCancel': function (a, b, c, d) { // 取消一个将要上传的文件后执行
$("#div_Msg").addClass("div_Msg").text("据统计:总共 " + d.fileCount + " 个可上传文件 ! ");
}

});
});


这个是我项目中的配置 。 可以上传20m 30m的都行啊
[解决办法]
需要设置web.config

在<system.web></system.web>之间添加,
<httpRuntime useFullyQualifiedRedirectUrl="true" maxRequestLength="21000" executionTimeout="300" />
其中,
maxRequestLength:设置上传文件的最大值,单位:KB。(默认是4096KB,即4M)
executionTimeout:设置超时时间,单位:秒。(默认是90秒)

读书人网 >asp.net

热点推荐