&幽默笑话百态军事探索娱乐女性健康旅游互联网&&文件上传~Uploadify上传控件对于文件上传来说,有很多种实现方式,如传统的表单方式,现在流行的Flash方式,甚至还有纯JS方式,之所以有这些方式来实现文件上传,我想主要原因是因为,传统的上传对于大文件支持不够,因为它是单线程同步机制,当大文件通过HTTP方式发送到服务端时,对于服务端站点的主线程影响比较大,会产生阻塞,所以,现在很多上传控制都是异步,多线程的方式去实现的.
今天来介绍一个文件上传控制,它就是Uploadify,它应该是flash的异步上传工具,对于大文件支持还不错,所以,我选择了它.
相关API介绍uploader ： uploadify.swf 文件的相对路径，该swf文件是一个带有文字BROWSE的按钮，点击后淡出打开文件对话框，默认值：uploadify.swf。 script ： 后台处理程序的相对路径 。默认值：uploadify.php
checkScript ：用来判断上传选择的文件在服务器是否存在的后台处理程序的相对路径
fileDataName ：设置一个名字，在服务器处理程序中根据该名字来取上传文件的数据。默认为Filedata
method ： 提交方式Post 或Get 默认为Post
scriptaccess ：flash脚本文件的访问模式，如果在本地测试设置为always，默认值：sameDomain folder ： 上传文件存放的目录 。
queueID ： 文件队列的ID，该ID与存放文件队列的div的ID一致。
queueSizeLimit ： 当允许多文件生成时，设置选择文件的个数，默认值：999 。
multi ： 设置为true时可以上传多个文件。
auto ： 设置为true当选择文件后就直接上传了，为false需要点击上传按钮才上传 。
fileExt ： 设置可以选择的文件的类型，格式如：'*.*.gif,*.png' 。
fileDesc ： 这个属性值必须设置fileExt属性后才有效，用来设置选择文件对话框中的提示文本，如设置fileDesc为&请选择图像文件&，sizeLimit ： 上传文件的大小限制 。
simUploadLimit ： 允许同时上传的个数 默认值：1 。
buttonText ： 浏览按钮的文本，默认值：BROWSE 。
buttonImg ： 浏览按钮的图片的路径 。
hideButton ： 设置为true则隐藏浏览按钮的图片 。
rollover ： 值为true和false，设置为true时当鼠标移到浏览按钮上时有反转效果。
width ： 设置浏览按钮的宽度 ，默认值：110。
height ： 设置浏览按钮的高度 ，默认值：30。
wmode ： 设置该项为transparent 可以使浏览按钮的flash背景文件透明，并且flash文件会被置为页面的最高层。 默认值：opaque 。
cancelImg ：选择文件到文件队列中后的每一个文件上的关闭按钮图标
HTML代码&div&
&div class="inputDiv fl"&
&input type="text" name="ImagePath" id="ImagePath" style="width: 600"&
&img style="display:" /&
&div class="fl" style="position:"&
&input id="custom_file_uploadEdu" type="file" class="btn" /&
&a href="javascript:$('#custom_file_uploadEdu').uploadifyUpload()"&上传&/a&|
&a href="Javascript:$('#custom_file_uploadEdu').uploadifyClearQueue()"&取消上传&/a&
&div id="displayMsg"&&/div&&/div&
JS代码&script type="text/ecmascript"&
$("#custom_file_uploadEdu").uploadify({
'uploader': '/Scripts/Uploadify/uploadify.swf',
'script': '/ashx/UploadFile.ashx',
'cancelImg': '/Scripts/Uploadify/uploadify-cancel.png',
'folder': '/',
'queueSizeLimit': 1,
'simUploadLimit': 1,
'sizeLimit ': 1024 * 1024 * 5,
'multi': false,
'auto': false,/*如果是自动上传,那上传按钮将没用了*/
'fileExt': '*.*.*.*.mp4',
'fileDesc': '请选择图像或者视频',
'queueID': 'fileQueue',
'width': 110,
'height': 30,
'buttonText': '选择',
'wmode': 'opaque',
'hideButton': false,
'onSelect': function (event, ID, fileObj) {
$("#displayMsg").html("上传中......");
'onComplete': function (event, queueId, fileObj, response, data) {
var ary = response.split('|');
if (ary[0] == "0") { //提示错误信息
alert(ary[1]);
if (ary[0]=="1") {//上传后的URL
$("#displayMsg").html("上传成功")
$("#ImagePath").attr("value", ary[1]);
$("#ImagePath").remove("img").next("img").show().attr({ "style": "width:50height:50", "src": ary[1] });
} else {//异常信息
alert(ary[1]);
});&/script&
后台处理程序(接收流,写入流)namespace WebTest.ashx{
/// &summary&
/// UploadFile 的摘要说明
/// &/summary&
public class UploadFile : IHttpHandler
public void PRocessRequest(HttpContext context)
context.Response.ContentType = "text/plain";
context.Response.Write(new UploadImpl().Upload(context, UpLoadType.ProductImage, false));
public bool IsReusable
UploadImpl类代码[url=http://www./it/detail_117347.html][img]http://image2./it/1.gif[/img][/url][url=http://www./it/detail_117347.html][img]http://image2./it/8.gif[/img][/url]namespace EntityFrameworks.application.Core.FileUpload{
/// &summary&
/// 图像上传功能的实现
/// &/summary&
public class UploadImpl
public UploadImpl(IFileUploadSize fileUploadSize)
_fileUploadSize = fileUploadSize ?? new TestFileUploadSize();
public UploadImpl()
: this(null)
#region Fields & Consts
static string FileHostUri = System.Configuration.ConfigurationManager.AppSettings["FileHostUri"]
?? HttpContext.Current.Request.Url.Scheme + "://" + HttpContext.Current.Request.Url.A
Point point = new Point(0, 0); //图像从那个坐标点进行截取
double wRate = 1, hRate = 1, setRate = 1;
int newWidth = 0, newHeight = 0;
IFileUploadSize _fileUploadS
#endregion
/// &summary&
/// 图像的缩放
/// &/summary&
/// ¶m name="file"&缩放文件&/param&
/// ¶m name="width"&宽&/param&
/// ¶m name="height"&高&/param&
/// ¶m name="isEqualScale"&是否等比例缩放&/param&
/// ¶m name="name"&缩放后存放的地址&/param&
/// &returns&&/returns&
bool CreateThumbnail(HttpPostedFile file, ImageSize imageSize, bool isEqualScale, string name)
double width = (double)imageSize.W
double height = (double)imageSize.H ;
System.Drawing.Image image = System.Drawing.Image.FromStream(file.InputStream);
if (isEqualScale)
if (image.Height & height)
hRate = height / image.H
if (image.Width & width)
wRate = width / image.W
if (wRate != 1 || hRate != 1)
if (wRate & hRate)
setRate = hR
setRate = wR
newWidth = (int)(image.Width * setRate);
newHeight = (int)(image.Height * setRate);
if (height & newHeight)
point.Y = Convert.ToInt32(height / 2 - newHeight / 2);
if (width & newWidth)
point.X = Convert.ToInt32(width / 2 - newWidth / 2);
Bitmap bit = new Bitmap((int)(width), (int)(height));
Rectangle r = new Rectangle(point.X, point.Y, (int)(image.Width * setRate), (int)(image.Height * setRate));
Graphics g = Graphics.FromImage(bit);
g.Clear(Color.White);
g.DrawImage(image, r);
MemoryStream ms = new MemoryStream();
bit.Save(ms, ImageFormat.Jpeg);
byte[] bytes = ms.ToArray();
string fileName = name + imageSize.ToString();//为缩放图像重新命名
using (FileStream stream = new FileStream(fileName, Fil& 免责声明：本文仅代表作者个人观点，与王朝网络无关。王朝网络登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述，其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。&&&&&&&王朝美图& 21:56:47&&&&&&&转载本文&UBB代码&HTML代码复制到剪贴板...&更多内容··········&&&&频道精选
&&&网友关注··········&&热点推荐&01&&02&&03&&04&&05&&06&&07&&08&&09&&10&&&&王朝女性&&|&&|&&|&&|&&|&&|&&|&&|&&|&&|&&|&&|&王朝分栏&&|&&|&&|&&|&&|&&|&&|&&|&&|&&|&王朝编程&&|&&|&&|&&|&&|&&|&&|&&|&&|&&|&王朝导购&&|&&|&&|&&|&&|&&|&&|&&|&&|&&|&王朝其他&&|&&|&&|&&|&&|&&|&&&&2005-&&版权所有&对于文件上传来说,有很多种实现方式,如传统的表单方式,现在流行的flash方式,甚至还有纯JS方式,之所以有这些方式来实现文件上传,我想主要原因是因为,传统的上传对于大文件支持不够,因为它是单线程同步机制,当大文件通过HTTP方式发送到服务端时,对于服务端站点的主线程影响比较大,会产生阻塞,所以,现在很多上传控制都是异步,多线程的方式去实现的.
今天来介绍一个文件上传控制,它就是Uploadify,它应该是flash的异步上传工具,对于大文件支持还不错,所以,我选择了它.
相关API介绍
uploader ： uploadify.swf 文件的相对路径，该swf文件是一个带有文字BROWSE的按钮，点击后淡出打开文件对话框，默认值：uploadify.swf。 script ：&& 后台处理程序的相对路径 。默认值：uploadify.php
checkScript ：用来判断上传选择的文件在服务器是否存在的后台处理程序的相对路径
fileDataName ：设置一个名字，在服务器处理程序中根据该名字来取上传文件的数据。默认为Filedata
method ： 提交方式Post 或Get 默认为Post
scriptAccess ：flash脚本文件的访问模式，如果在本地测试设置为always，默认值：sameDomain& folder ：& 上传文件存放的目录 。
queueID ： 文件队列的ID，该ID与存放文件队列的div的ID一致。
queueSizeLimit ： 当允许多文件生成时，设置选择文件的个数，默认值：999 。
multi ： 设置为true时可以上传多个文件。
auto ： 设置为true当选择文件后就直接上传了，为false需要点击上传按钮才上传 。
fileExt ： 设置可以选择的文件的类型，格式如：'*.*.gif,*.png' 。
fileDesc ： 这个属性值必须设置fileExt属性后才有效，用来设置选择文件对话框中的提示文本，如设置fileDesc为&请选择图像文件&，sizeLimit ： 上传文件的大小限制 。
simUploadLimit ： 允许同时上传的个数 默认值：1 。
buttonText ： 浏览按钮的文本，默认值：BROWSE 。
buttonImg ： 浏览按钮的图片的路径 。
hideButton ： 设置为true则隐藏浏览按钮的图片 。
rollover ： 值为true和false，设置为true时当鼠标移到浏览按钮上时有反转效果。
width ： 设置浏览按钮的宽度 ，默认值：110。
height ： 设置浏览按钮的高度 ，默认值：30。
wmode ： 设置该项为transparent 可以使浏览按钮的flash背景文件透明，并且flash文件会被置为页面的最高层。 默认值：opaque 。
cancelImg ：选择文件到文件队列中后的每一个文件上的关闭按钮图标
&div class="inputDiv fl"&
&input type="text" name="ImagePath" id="ImagePath" style="width: 600"&
&img style="display:" /&
&div class="fl" style="position:"&
&input id="custom_file_uploadEdu" type="file" class="btn" /&
&a href="javascript:$('#custom_file_uploadEdu').uploadifyUpload()"&上传&/a&|
&a href="javascript:$('#custom_file_uploadEdu').uploadifyClearQueue()"&取消上传&/a&
&div id="displayMsg"&&/div&
&script type="text/ecmascript"&
$("#custom_file_uploadEdu").uploadify({
'uploader': '/Scripts/Uploadify/uploadify.swf',
'script': '/ashx/UploadFile.ashx',
'cancelImg': '/Scripts/Uploadify/uploadify-cancel.png',
'folder': '/',
'queueSizeLimit': 1,
'simUploadLimit': 1,
'sizeLimit ': 1024 * 1024 * 5,
'multi': false,
'auto': false,/*如果是自动上传,那上传按钮将没用了*/
'fileExt': '*.*.*.*.mp4',
'fileDesc': '请选择图像或者视频',
'queueID': 'fileQueue',
'width': 110,
'height': 30,
'buttonText': '选择',
'wmode': 'opaque',
'hideButton': false,
'onSelect': function (event, ID, fileObj) {
$("#displayMsg").html("上传中......");
'onComplete': function (event, queueId, fileObj, response, data) {
var ary = response.split('|');
if (ary[0] == "0") { //提示错误信息
alert(ary[1]);
if (ary[0]=="1") {//上传后的URL
$("#displayMsg").html("上传成功")
$("#ImagePath").attr("value", ary[1]);
$("#ImagePath").remove("img").next("img").show().attr({ "style": "width:50height:50", "src": ary[1] });
} else {//异常信息
alert(ary[1]);
后台处理程序(接收流,写入流)
namespace WebTest.ashx
/// &summary&
/// UploadFile 的摘要说明
/// &/summary&
public class UploadFile : IHttpHandler
public void ProcessRequest(HttpContext context)
context.Response.ContentType = "text/plain";
context.Response.Write(new UploadImpl().Upload(context, UpLoadType.ProductImage, false));
public bool IsReusable
return false;
UploadImpl类代码
namespace EntityFrameworks.Application.Core.FileUpload
/// &summary&
/// 图像上传功能的实现
/// &/summary&
public class UploadImpl
public UploadImpl(IFileUploadSize fileUploadSize)
_fileUploadSize = fileUploadSize ?? new TestFileUploadSize();
public UploadImpl()
: this(null)
#region Fields & Consts
static string FileHostUri = System.Configuration.ConfigurationManager.AppSettings["FileHostUri"]
?? HttpContext.Current.Request.Url.Scheme + "://" + HttpContext.Current.Request.Url.A
Point point = new Point(0, 0); //图像从那个坐标点进行截取
double wRate = 1, hRate = 1, setRate = 1;
int newWidth = 0, newHeight = 0;
IFileUploadSize _fileUploadS
#endregion
/// &summary&
/// 图像的缩放
/// &/summary&
/// ¶m name="file"&缩放文件&/param&
/// ¶m name="width"&宽&/param&
/// ¶m name="height"&高&/param&
/// ¶m name="isEqualScale"&是否等比例缩放&/param&
/// ¶m name="name"&缩放后存放的地址&/param&
/// &returns&&/returns&
bool CreateThumbnail(HttpPostedFile file, ImageSize imageSize, bool isEqualScale, string name)
double width = (double)imageSize.W
double height = (double)imageSize.H ;
System.Drawing.Image image = System.Drawing.Image.FromStream(file.InputStream);
if (isEqualScale)
if (image.Height & height)
hRate = height / image.H
if (image.Width & width)
wRate = width / image.W
if (wRate != 1 || hRate != 1)
if (wRate & hRate)
setRate = hR
setRate = wR
newWidth = (int)(image.Width * setRate);
newHeight = (int)(image.Height * setRate);
if (height & newHeight)
point.Y = Convert.ToInt32(height / 2 - newHeight / 2);
if (width & newWidth)
point.X = Convert.ToInt32(width / 2 - newWidth / 2);
Bitmap bit = new Bitmap((int)(width), (int)(height));
Rectangle r = new Rectangle(point.X, point.Y, (int)(image.Width * setRate), (int)(image.Height * setRate));
Graphics g = Graphics.FromImage(bit);
g.Clear(Color.White);
g.DrawImage(image, r);
MemoryStream ms = new MemoryStream();
bit.Save(ms, ImageFormat.Jpeg);
byte[] bytes = ms.ToArray();
string fileName = name + imageSize.ToString();//为缩放图像重新命名
using (FileStream stream = new FileStream(fileName, FileMode.Create, FileAccess.Write))
stream.Write(bytes, 0, bytes.Length);
bit.Dispose();
ms.Dispose();
image.Dispose();
return true;
catch (Exception)
return false;
/// &summary&
/// 图像的等比例缩放,默认文件名不改变，会将原文件覆盖
/// &/summary&
/// ¶m name="file"&&/param&
/// ¶m name="width"&&/param&
/// ¶m name="height"&&/param&
/// &returns&&/returns&
bool CreateThumbnail(HttpPostedFile file, ImageSize imageSize, string name)
return CreateThumbnail(file, imageSize, true, name);
#endregion
public string Upload(HttpContext context, UpLoadType type, bool isScale)
ImageSize imageSize = _fileUploadSize.ImageSizeForType[type];
HttpFileCollection files = context.Request.F
if (files.Count == 0)
throw new ArgumentNullException("please choose file for upload.");
string path = "/upload/" + type.ToString();//相对路径
if (!Directory.Exists(path))
Directory.CreateDirectory(path);
// 只取第 1 个文件
var file = files[0];
if (file != null && file.ContentLength & 0)
string filename = context.Request.Form["fileName"].Split('.')[0]
+ DateTime.Now.ToString("yyyyMMddhhssmm")
+ imageSize.ToString();
// 本地文件系统路径
string savePath = bine(context.Server.MapPath(path), filename);
file.SaveAs(savePath);
if (isScale)
CreateThumbnail(file, imageSize, savePath);
//返回URI路径
string ImageUri = FileHostUri
return "1|" + ImageU
catch (Exception ex)
return "0|" + ex.M
return null;
阅读(...) 评论()8437人阅读
使用CSS样式来控制就可以了啊,你可以这么写:&input id="HTML_Browse_up" type="file" runat="server" name="HTML_Browse_up" style="background-image:url(../images/css_tutorials/background.jpg)"/& 不过这里要注意图片的路径啊,这里是相对路径
===================
&style type="text/css"&& &!--& #input1{border:1px solid #0000FF}& #btn1{width:70height:21font-size:12padding-top:3border-left:1px solid #FFFFFF;border-top:1px solid #FFFFFF;border-
right:1px solid #666666;border-bottom:1px solid #666666}& //--&& &/style&& &input type="text" id="input1"& &input type="button" id="btn1" onclick="myfile.click();" value="浏览文档"&& &input type="file" id="myfile" onchange="input1.value=this.value" style="display:none"&
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：1318820次
积分：13404
积分：13404
排名：第605名
原创：29篇
转载：818篇
评论：124条
(1)(3)(9)(4)(1)(2)(1)(2)(1)(4)(1)(10)(4)(8)(16)(6)(7)(13)(23)(10)(11)(7)(17)(14)(11)(32)(30)(20)(17)(28)(22)(59)(19)(17)(7)(8)(12)(11)(9)(30)(16)(18)(14)(68)(64)(31)(23)(50)(26)(27)(2)wxpython中目录(文件)选择控件按钮如何改为中文
[问题点数：20分，结帖人lanyu]
wxpython中目录(文件)选择控件按钮如何改为中文
[问题点数：20分，结帖人lanyu]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2014年8月 其他开发语言大版内专家分月排行榜第二2014年7月 其他开发语言大版内专家分月排行榜第二2014年5月 其他开发语言大版内专家分月排行榜第二2014年4月 其他开发语言大版内专家分月排行榜第二2014年3月 其他开发语言大版内专家分月排行榜第二2014年1月 其他开发语言大版内专家分月排行榜第二2013年12月 其他开发语言大版内专家分月排行榜第二2013年11月 其他开发语言大版内专家分月排行榜第二2013年3月 其他开发语言大版内专家分月排行榜第二2012年5月 其他开发语言大版内专家分月排行榜第二2012年4月 其他开发语言大版内专家分月排行榜第二2010年10月 其他开发语言大版内专家分月排行榜第二2010年9月 其他开发语言大版内专家分月排行榜第二
2013年9月 其他开发语言大版内专家分月排行榜第三2012年6月 其他开发语言大版内专家分月排行榜第三
本帖子已过去太久远了，不再提供回复功能。
