亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

javascript Web上傳文件夾的兩種解決方案

系統 1921 0

解決方案1:
調用windows的shell,但會有安全問題.

* browseFolder.js
* 該文件定義了BrowseFolder()函數,它將提供一個文件夾選擇對話框
* 以供用戶實現對系統文件夾選擇的功能
* 文件夾選擇對話框起始目錄由
* Shell.BrowseForFolder(WINDOW_HANDLE, Message, OPTIONS, strPath)函數
* 的strPath參數設置
* 例如:0x11--我的電腦
* 0 --桌面
* "c:\\"--系統C盤

*
* 用如下代碼把該函數應用到一個HTML文件中:
* <script src="browseFolder.js"></script>
* 或把下面代碼直接COPY到<script language="javascript">...</script>標簽中;

* 特別注意的是,由于安全方面的問題,你還需要如下設置才能使本JS代碼正確運行,
* 否者會出現"沒有權限"的問題.

*
* 1、設置可信任站點(例如本地的可以為:http://localhost)
* 2、其次:可信任站點安全級別自定義設置中:設置下面的選項
* "對沒有標記為安全的ActiveX控件進行初始化和腳本運行"----"啟用"

Js代碼 收藏代碼
  1. /***
  2. path要顯示值的對象id
  3. ****/
  4. function browseFolder(path){
  5. try {
  6. var Message= "\u8bf7\u9009\u62e9\u6587\u4ef6\u5939" ; //選擇框提示信息
  7. var Shell= new ActiveXObject( "Shell.Application" );
  8. var Folder=Shell.BrowseForFolder(0,Message,64,17); //起始目錄為:我的電腦
  9. //varFolder=Shell.BrowseForFolder(0,Message,0);//起始目錄為:桌面
  10. if (Folder!= null ){
  11. Folder=Folder.items(); //返回FolderItems對象
  12. Folder=Folder.item(); //返回Folderitem對象
  13. Folder=Folder.Path; //返回路徑
  14. if (Folder.charAt(Folder.length-1)!= "\\" ){
  15. Folder=Folder+ "\\" ;
  16. }
  17. document.getElementById(path).value=Folder;
  18. return Folder;
  19. }
  20. }
  21. catch (e){
  22. alert(e.message);
  23. }
  24. }

使用的時候:

Js代碼 收藏代碼
  1. <td>
  2. <inputtype= "text" name= "path" />
  3. </td>
  4. <td>
  5. <inputtype= "button" onclick= "browseFolder('path')"
  6. value= "選擇生成路徑" />
  7. </td>

2.解決方案二:
自己寫一個js讀取本地硬盤的選擇框, 缺點是外觀上較上一個差一些.

Js代碼 收藏代碼
  1. <html>
  2. <head>
  3. <metahttp-equiv= "Content-Type" content= "text/html;charset=gb2312" >
  4. <title>無標題文檔</title>
  5. </head>
  6. <body>
  7. <tableborder= "0" cellpadding= "0" width= "100%" id= "tb_show" >
  8. <tr>
  9. <tdwidth= "18%" >文件保存位置:</td>
  10. <tdwidth= "82%" >
  11. <%--<html:fileproperty= "file" size= "40" styleClass= "inputbox" />--%>
  12. <inputname= "backDir" type= "text" value= "C:\"size=" 100 "width=" 500">
  13. </td>
  14. </tr>
  15. <tr>
  16. <td>目錄位置:</td>
  17. <td>
  18. <selectname= "tables_drive" id= "tables_drives" onchange= "get_drives()" ></select>
  19. </td>
  20. </tr>
  21. <tr>
  22. <tdcolspan= "2" >
  23. <selectname= "table_folder" id= "table_folder" size= "10" multipleondblclick= "get_file()" ></select>
  24. </td>
  25. </tr>
  26. <tr>
  27. <tdcolspan= "2" >
  28. <fontcolor= "red" >說明:雙擊列表框的一個選項,就將該文件夾下面的文件夾顯示在該列表框中。第一個就是根目錄</font>
  29. </td>
  30. </tr>
  31. </table>
  32. </body>
  33. </html>
  34. <script>
  35. /**/ /*
  36. *初始化,將系統所有的驅動器放入table_drives列表
  37. */
  38. window.onload= new function init()
  39. {
  40. var fso,s,n,e,x;
  41. fso= new ActiveXObject( "Scripting.FileSystemObject" );
  42. e= new Enumerator(fso.Drives);
  43. s= "" ;
  44. for (;!e.atEnd();e.moveNext())
  45. {
  46. x=e.item();
  47. s=s+x.DriveLetter;
  48. s+= ":" ;
  49. if (x.DriveType==3)
  50. n=x.ShareName;
  51. else if (x.IsReady)
  52. n=x.VolumeName;
  53. else
  54. n= "[驅動器未就緒]" ;
  55. s+=n+ "," ;
  56. }
  57. var drives=s.split( "," );
  58. var tableDrives=document.getElementById( "tables_drives" );
  59. for ( var i=0;i<drives.length-1;i++)
  60. {
  61. var option=document.createElement( "OPTION" );
  62. drives[i].split( ":" );
  63. option.value= "[" +drives[i].split( ":" )[0]+ ":]" +drives[i].split( ":" )[1];
  64. option.text= "[" +drives[i].split( ":" )[0]+ ":]" +drives[i].split( ":" )[1];
  65. tableDrives.add(option);
  66. }
  67. }
  68. /**/ /*
  69. *tables_drives列表中選中的驅動器上所有文件夾放入table_folder列表中
  70. */
  71. function get_drives()
  72. {
  73. var tableDrives=document.getElementById( "tables_drives" );
  74. var tableFolders=document.getElementById( "table_folder" );
  75. for ( var i=0;i<tableDrives.options.length;i++)
  76. {
  77. if (tableDrives.options[i].selected== true )
  78. {
  79. var fso,f,fc,s;
  80. var drive=tableDrives.options[i].value.split( ":" )[0].substring(1,tableDrives.options[i].value.split( ":" )[0].length);
  81. document.getElementById( "backDir" ).value=drive+ ":\\" ;
  82. fso= new ActiveXObject( "Scripting.FileSystemObject" );
  83. if (fso.DriveExists(drive))
  84. {
  85. d=fso.GetDrive(drive);
  86. if (d.IsReady)
  87. {
  88. f=fso.GetFolder(d.RootFolder);
  89. fc= new Enumerator(f.SubFolders);
  90. s= "" ;
  91. for (;!fc.atEnd();fc.moveNext())
  92. {
  93. s+=fc.item();
  94. s+= "," ;
  95. }
  96. var len=tableFolders.options.length;
  97. while (len>=0)
  98. {
  99. tableFolders.options.remove(len);
  100. len--;
  101. }
  102. var option=document.createElement( "OPTION" );
  103. option.value=drive+ ":\\" ;
  104. option.text=drive+ ":\\" ;
  105. tableFolders.add(option);
  106. var folders=s.split( "," );
  107. for (j=0;j<folders.length-1;j++)
  108. {
  109. option=document.createElement( "OPTION" );
  110. option.value=folders[j];
  111. option.text=folders[j];
  112. tableFolders.add(option);
  113. }
  114. }
  115. else
  116. {
  117. alert( "無法改變當前內容!" )
  118. }
  119. }
  120. else
  121. return false ;
  122. }
  123. }
  124. }
  125. /**/ /*
  126. *table_folder雙擊選項中的一個選項,就將該文件夾下面的文件夾顯示在table_folder列表中。
  127. */
  128. function get_file()
  129. {
  130. var tableFolders=document.getElementById( "table_folder" );
  131. var tableDrives=document.getElementById( "tables_drives" );
  132. for ( var i=0;i<tableFolders.options.length;i++)
  133. {
  134. if (tableFolders.options[i].selected== true )
  135. {
  136. var fso,f,fc,s;
  137. var folderpath=tableFolders.options[i].value.substring(0,tableFolders.options[i].value.length);
  138. if (folderpath.charAt(folderpath.length-1)== "\\" )
  139. {
  140. document.getElementById( "backDir" ).value=folderpath;
  141. }
  142. else
  143. {
  144. document.getElementById( "backDir" ).value=folderpath+ "\\" ;
  145. }
  146. fso= new ActiveXObject( "Scripting.FileSystemObject" );
  147. f=fso.GetFolder(folderpath);
  148. fc= new Enumerator(f.SubFolders);
  149. s= "" ;
  150. for (;!fc.atEnd();fc.moveNext())
  151. {
  152. s+=fc.item();
  153. s+= "," ;
  154. }
  155. var len=tableFolders.options.length;
  156. while (len>=0)
  157. {
  158. tableFolders.options.remove(len);
  159. len--;
  160. }
  161. var opt= "" ;
  162. var opt1= "" ;
  163. for (j=0;j<folderpath.split( "\\" ).length;j++)
  164. {
  165. var option=document.createElement( "OPTION" );
  166. opt=opt+folderpath.split( "\\")[j]+" \\";
  167. if (j>0)
  168. {
  169. opt1=opt;
  170. option.value=opt1.substring(0,opt1.length-1);
  171. option.text=opt1.substring(0,opt1.length-1);
  172. tableFolders.add(option);
  173. }
  174. else
  175. {
  176. option.value=opt;
  177. option.text=opt;
  178. tableFolders.add(option);
  179. }
  180. }
  181. if (tableFolders.options[0].value==tableFolders.options[1].value)
  182. {
  183. tableFolders.options.remove(1);
  184. }
  185. if (s!= "" )
  186. {
  187. var folders=s.split( "," );
  188. for (j=0;j<folders.length-1;j++)
  189. {
  190. option=document.createElement( "OPTION" );
  191. option.value=folders[j];
  192. option.text=folders[j];
  193. tableFolders.add(option);
  194. }
  195. }
  196. }
  197. }
  198. }
  199. </script>

javascript Web上傳文件夾的兩種解決方案


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 中文字幕在线视频免费观看 | 精品在线免费视频 | www成人在线观看 | 日韩高清成人 | 91在线免费播放 | 91精品免费观看老司机 | 91精品国产亚一区二区三区 | 亚洲精品一区二区久久这里 | 永久免费的啪啪免费的网址 | 欧美成人se01短视频在线看 | 国产视频1 | 91爱爱视频| 久99久爱精品免费观看视频 | 日韩精品亚洲人成在线观看 | h片网站在线观看 | 免费观看性欧美一级 | 天天玩天天操 | 2020国产成人精品免费视频 | 日本精品视频在线观看 | 亚洲精品色综合久久 | 日本午夜大片a在线观看 | 国产精品不卡视频 | 亚洲日本在线观看 | 噜噜狠狠 | 免费看黄片毛片 | 亚洲成综合 | 久久国产免费观看精品3 | 搜索一级毛片 | www.四虎影 | 999在线观看视频 | 国产成人一区 | 热久久久久 | 尹人久久久香蕉精品 | 欧美三级欧美成人高清www | 国产女人精品性视频 | 一级无毛| 四虎午夜影院 | 日本精品视频 | 国产一区二区在线视频观看 | 亚洲国产精品区 | 日韩爱爱|