程序员在开发网站的过程中,难免会遇到些文件需要上传到服务器上面去。因此,就会借助一些扩展控件。
下面就为大家介绍一个上传文件的好用控件--UploadFile
1、创建一个测试网站,取名叫:UploadDemo
2、添加UploadFile控件所需要的文件
3、添加一个名叫UploadHandler.ashx 的一般处理文件
建好后的网站结构如下:
接下来,我们就要在Default.aspx页面添加代码了,写之前,需要添加UploadFile 用到的css 文件和js文件,Default.aspx 文件的完整代码如下:
- <Language"C#"AutoEventWireup"true"CodeBehind"Default.aspx.cs"Inherits"UploadDemo._Default">
- >
- <htmlxmlns"http://www.w3.org/1999/xhtml">
- <headrunat"server">
- <title></title>
- <linkhref"uploadify/example/css/default.css"rel"stylesheet"type"text/css"/>
- <linkhref"uploadify/uploadify.css"rel"stylesheet"type"text/css"/>
- <scriptsrc"uploadify/jquery-1.3.2.min.js"type"text/javascript"></script>
- <scriptsrc"uploadify/jquery.uploadify.v2.1.0.min.js"type"text/javascript"></script>
- <scriptsrc"uploadify/swfobject.js"type"text/javascript"></script>
- <scripttype"text/javascript">
- </script>
- </head>
- <body>
- <formid"form1"runat"server">
- <divid"fileQueue"></div>
- <inputtype"file"name"uploadify"id"uploadify"/>
- <p>
- <ahref"javascript:$('#uploadify').uploadifyUpload()"></a>
- <ahref"javascript:$('#uploadify').uploadifyClearQueue()"></a>
- </p>
- </form>
- </body>
- </html>
然后,我们就需要写一般处理文件中的代码了,代码的功能就是做上传处理,详细代码如下:
- public void Proce***equest(HttpContext context)
- context.Response.ContentType"text/plain"
- context.Response.Charset"utf-8"
- filecontext
- uploadPath
- HttpContext
最终运行的效果如下:
说到这里,还需要强调一下的是,现在如果需要上传文件大于4M的话,那就需要在Web.config文件中加一句话,否则,上传的时候就会报错,同样,我还是把代码贴出来
接下来,需要说明一些参数的意思以及如何使用:
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需要点击上传按钮才上传 。
fileDesc : 这个属性值必须设置fileExt属性后才有效,用来设置选择文件对话框中的提示文本,如设置fileDesc为“请选择rar doc pdf文件”,打开文件选择框效果如下图:
fileExt : 设置可以选择的文件的类型,格式如:'*.doc;*.pdf;*.rar' 。
sizeLimit : 上传文件的大小限制 。
simUploadLimit : 允许同时上传的个数 默认值:1 。
buttonText : 浏览按钮的文本,默认值:BROWSE 。
buttonImg : 浏览按钮的图片的路径 。
hideButton : 设置为true则隐藏浏览按钮的图片 。
rollover : 值为true和false,设置为true时当鼠标移到浏览按钮上时有反转效果。
width : 设置浏览按钮的宽度 ,默认值:110。
height : 设置浏览按钮的高度 ,默认值:30。
wmode : 设置该项为transparent 可以使浏览按钮的flash背景文件透明,并且flash文件会被置为页面的最高层。 默认值:opaque 。
cancelImg :选择文件到文件队列中后的每一个文件上的关闭按钮图标,如下图:
最后,还需要解决一个很重要的问题,那就是按钮的中文显示问题,依照上面的方式做出来的,如果给按钮设置显示文字为中文,那么,会遇到出现乱码问题。因此,博主考虑到了,提供的解决办法如下:
既然知道乱码是编码解码的原因,最好的解决方法当然是更改编码解码方式了。encodeURI() 方法,可以把URI字符串采用UTF-8编码格式转化成escape格式的字符串,而且咱们的中文也属于UTF-8字符集里面的,再用decodeURI()进行解码。具体修改代码如下:
A. jquery.uploadify.js 中的
if(settings.buttonText) data.buttonText = escape(settings.buttonText);
改为:
if (settings.buttonText) data.buttonText = encodeURI(settings.buttonText);
B. uploadify.fla中的
browseBtn.empty.buttonText.text = unescape(param.buttonText);
改为:browseBtn.empty.buttonText.text = decodeURI(param.buttonText);
不过本人还是比较喜欢第一种,第二种方式的话,图片加载起来会比较缓慢;好 了!现在基本上已经完成了!去享受自己的劳动成果吧!!!!!!!!
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
当前标题:Asp.netUploadFile文件上传-创新互联
网页链接:https://www.cdcxhl.com/article8/dpgjip.html
成都网站建设公司_创新互联,为您提供静态网站、定制开发、企业网站制作、ChatGPT、网站建设、全网营销推广
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联