uploadify使用
1、添加引用,因為uploadify是jquery的插件所以要將jquery一并引用
??? <script language="javascript" src="../js/jquery.uploadify-v1.6.2/jquery-1.3.2.min.js"></script>
??? <script language="javascript" src="../js/jquery.uploadify-v1.6.2/jquery.uploadify.js"></script>
2、創建上傳控件
??????? <input type="file" name="uploadfile" id="uploadfiles"/>
這里的控件應該只是占位作用,因為我在用div替換了input后一樣正常顯示和上傳
<Div id="uploadfiles" > </Div>
3、調用組件
??? <script language="javascript">
??????? $("document").ready(function(){
??????????? $('#uploadfile).fileUpload ({
??????????????? 'uploader'? : '../js/jquery.uploadify-v1.6.2/uploader.swf',
??????????????? 'cancelImg' : '../js/jquery.uploadify-v1.6.2/cancel.png',
??????????????? 'folder'??? : '../upload',
??????????????? 'script'??? : 'UploadHandler.ashx',
??????????????? 'auto'????? : 'false',
??????????????? 'fileDesc'? : 'Excel數據文件',
??????????????? 'fileExt'?? : '*.xls'
??????????????? });
??????? });
??? </script>
4、添加上傳和取消按鈕
<a href="javascript:$('#excelfile').fileUploadStart();">上傳文件</a>
?<a href="javascript:$('#excelfile').fileUploadClearQueue();">清空隊列</a>
5、服務端接收
??????????????? for (int i = 0; i < context.Request.Files.Count; i++)
??????????????? {
??????????????????? HttpPostedFile postedFile = context.Request.Files[i];
??????????????????? string fileName = strUploadPath + Path.GetFileName(postedFile.FileName);
??????????????????? if (fileName != "")
??????????????????? {
??????????????????????? postedFile.SaveAs(fileName);
??????????????????? }
??????????????? }
?
問題上傳文件的大小似乎受限maxRequestLength屬性
需要修改web.config文件里<httpRuntime> 元素的maxRequestLength屬性,maxRequestLength屬性的單位為KB
?
?
轉載于:https://www.cnblogs.com/flyfire99/archive/2010/03/25/1694916.html
總結
以上是生活随笔為你收集整理的uploadify使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 浅谈代码的执行效率(2):编译器的威力
- 下一篇: 经典插花的教训 PKU 1157