用js怎么实现弹出个选择文件的对话框? js中如何点击一个按钮弹出一个file文件框

js\u5f39\u51fa\u6587\u4ef6\u9009\u62e9\u6846\u540e \u600e\u4e48\u9009\u62e9\u591a\u4e2a\u6587\u4ef6

\u52a0\u4e00\u4e2amultiple\u5173\u952e\u5b57\u5c31\u80fd\u9009\u62e9\u591a\u4e2a\u6587\u4ef6

js\u4e2d\u70b9\u51fb\u4e00\u4e2a\u6309\u94ae\u5f39\u51fa\u4e00\u4e2afile\u6587\u4ef6\u6846\u7684\u6b65\u9aa4\u5982\u4e0b\uff1a

1.\u5728\u6587\u4ef6\u5939\u4e2d\u521b\u5efa\u4e00\u4e2ahtml\u6587\u4ef6\u201ctest\u201d\u3002

2.\u5728test\u6587\u4ef6\u4e2d\u6dfb\u52a0\u4e00\u4e2ahtml\u7684\u6846\u67b6\u3002

3.\u6dfb\u52a0\u4e24\u4e2ainput\uff0c\u4e00\u4e2a\u662fbutton\uff0c\u4e00\u4e2a\u662ffile\u628aid\u8bbe\u7f6e\u4e3a\u201copen\u201dstyle\u7c7b\u578b\u8bbe\u7f6e\u4e3a\u201cdisplay:none\u201d\u4e0d\u663e\u793a\u3002

4.\u6253\u5f00\u540e\u6211\u4eec\u53d1\u73b0\u53ea\u663e\u793a\u8fd9\u4e00\u4e2a\u201c\u6253\u5f00\u6587\u4ef6\u201d\u6309\u94ae\u3002

5.\u73b0\u5728\u6211\u4eec\u7ed9button\u6dfb\u52a0onclick\u4e8b\u4ef6\uff0c\u8c03\u7528openfile\u89e6\u53d1id\u4e3a\u201copen\u201d\u7684file\u3002

6.\u73b0\u5728\u6211\u4eec\u5728\u6d4f\u89c8\u5668\u4e2d\u70b9\u51fb\u201c\u6253\u5f00\u6587\u4ef6\u201d\u6587\u4ef6\u6309\u94ae\u5c31\u4f1a\u5f39\u51fa\u9009\u62e9\u6587\u4ef6\u8def\u5f84\u5bf9\u8bdd\u6846\u4e86\u3002\u8fd9\u6837\u5c31\u89e3\u51b3\u4e86js\u4e2d\u70b9\u51fb\u4e00\u4e2a\u6309\u94ae\u5f39\u51fa\u4e00\u4e2afile\u6587\u4ef6\u6846\u7684\u95ee\u9898\u4e86\u3002


可以实现的,大概的思路是这样:
1.先新建一ASP页(不知道你用什么来做的,就以asp为例吧),该页的作用是读取服务器上某个目录下的所有文件,并显示文件列表,做出类似选择文件对话框的样子。具体代码网上有很多,你以“asp 遍历文件夹”作为关键字在baidu或google中搜一下。
2.在“修改”按钮上使用Javascript的模态对话框弹出上一步做出来的网页。
就是window.showModalDialog(),模态对话框可以接收父窗口传来的参数,也可以返回参数给父窗口,利用这一特性,当你在对话框中选择好文件点确定时,可以从对话框将选择内容返回到父页面上。具体怎么用?同样建议你以“showModalDialog”作为关键字到网上去搜一下。

  • 鐢╦s濡備綍瀹炵幇鐐瑰嚮鎸夐挳寮瑰嚭涓涓夋嫨璺緞鐨勫璇濇
    绛旓細js瀹炵幇鐐瑰嚮鎸夐挳寮瑰嚭閫夋嫨鏂囦欢璺緞鐨勫璇濇鍙互鍏堝垱寤轰竴涓猣ile绫诲瀷鐨刬nput锛岀劧鍚庨氳繃鐩戝惉鎸夐挳click浜嬩欢鎵撳紑file瀵硅瘽妗嗭紝杩欐牱鎴戜滑灏卞彲浠ラ夋嫨鏂囦欢璺緞浜銆傚湪鏂囦欢澶逛腑鍒涘缓涓涓猦tml鏂囦欢鈥 test鈥濄傚湪test鏂囦欢涓坊鍔犱竴涓猦tml鐨勬鏋躲傛坊鍔犱袱涓猧nput锛屼竴涓槸button锛屼竴涓槸file鎶奿d璁剧疆涓衡 open鈥漵tyle绫诲瀷璁剧疆涓衡 d...
  • JavaScript濡備綍寮瑰嚭鏂囦欢閫夋嫨妗,鐒跺悗杩斿洖鏂囦欢瀹屾暣璺緞
    绛旓細1銆js寮瑰嚭鏂囦欢閫夋嫨妗嗭細缁欐寜閽畾涔変互涓媕avascript鍑芥暟锛歷ar inputObj=document.createElement('input') inputObj.setAttribute('id','_ef'); inputObj.setAttribute('type','file'); inputObj.setAttribute("style",'visibility:hidden'); document.body.appendChild(inputObj); inputObj.cl...
  • 鐢╦s鎬庝箞瀹炵幇寮瑰嚭涓夋嫨鏂囦欢鐨瀵硅瘽妗?
    绛旓細1.鍏堟柊寤轰竴ASP椤碉紙涓嶇煡閬撲綘鐢ㄤ粈涔堟潵鍋氱殑锛屽氨浠sp涓轰緥鍚э級,璇ラ〉鐨勪綔鐢ㄦ槸璇诲彇鏈嶅姟鍣ㄤ笂鏌愪釜鐩綍涓嬬殑鎵鏈夋枃浠讹紝骞舵樉绀烘枃浠跺垪琛紝鍋氬嚭绫讳技閫夋嫨鏂囦欢瀵硅瘽妗嗙殑鏍峰瓙銆傚叿浣撲唬鐮佺綉涓婃湁寰堝锛屼綘浠モ渁sp 閬嶅巻鏂囦欢澶光濅綔涓哄叧閿瓧鍦baidu鎴杇oogle涓悳涓涓嬨2.鍦ㄢ滀慨鏀光濇寜閽笂浣跨敤Javascript鐨勬ā鎬佸璇濇寮瑰嚭涓婁竴姝...
  • js涓敤閾炬帴瀹炵幇鎵撳紑鏈湴鏂囦欢瀵硅瘽妗
    绛旓細鏂规硶涓锛鍦瀹氫箟鐨刦orm涓坊鍔犱互涓媕avascript浠g爜锛歿 anchor : '95%', xtype: 'fileuploadfield', id: 'form-file', emptyText: '璇烽夋嫨', fieldLabel: '涓婁紶闄勪欢', name: 'meetingAffix', buttonText: 'Browse' }鍗曞嚮Browse鎸夐挳鍚庡彲浠ユ墦寮瀵硅瘽妗嗭紝閫変腑鏂囦欢鍚庯紝鎵閫夋枃浠...
  • 璇烽棶濡備綍鐢╦s瀹炵幇鎵撳紑閫夋嫨鏂囦欢鍜屼繚瀛樻枃浠惰嚦鑷夎矾寰勭殑瀵硅瘽妗?_鐧惧害鐭 ...
    绛旓細涓嬮潰鏄竴涓猇B鑴氭湰鐨勶紝闇瑕佸姞鍏ュ彲淇$珯鐐规墠鑳寮瑰嚭瀵硅瘽妗嗭紝鎵撳紑瑕佷繚瀛樼殑鏂囦欢澶 Function Foder()Const MY_COMPUTER = &H11& Const WINDOW_HANDLE = 0 Const OPTIONS = 0 Set objShell = CreateObject("Shell.Application")Set objFolder = objShell.Namespace(MY_COMPUTER)Set objFolderItem = objFolde...
  • js鐐瑰嚮閫夋嫨鏂囦欢鐩綍鐨勫姛鑳
    绛旓細涓绉嶆槸浠鍦璋锋瓕娴忚鍣ㄤ笂鏈夋晥鐨勬柟寮忥紝鍦╥nput鑺傜偣閲屽姞涓涓睘鎬 webkitdirectory锛屽氨鍙互瀹炵幇鐐瑰嚮寮瑰嚭閫夋嫨鐩綍鐨勫姛鑳斤紝鐒跺悗灏卞彲浠ユ埅鍙栫洰褰曪紝姝ょ鏂瑰紡瀵归潪绌鏂囦欢澶鏄彲浠ョ殑瀹炵幇鐨锛屽彧闇鐩戝惉姝nput鐨刢hange浜嬩欢鍗冲彲锛屼絾濡傛灉閫夋嫨鐨鏄┖鏂囦欢澶癸紝灏变笉浼氳Е鍙戜簨浠讹紝灏辨棤娉曡幏鍙栬矾寰勶紝鎵浠ヨ繖鏂规硶涓嶅鍚堟垜鐨勯渶姹傘
  • Html+js鍙互瀹炵幇鐐瑰嚮涓涓寜閽寮瑰嚭涓涓枃浠堕夋嫨妗,閫夋嫨鏂囦欢鍚庡彇寰楁枃浠...
    绛旓細JS锛歠unction pleasecheck() { var inputObj = document.createElement('input') inputObj.setAttribute('id', '_ef'); inputObj.setAttribute('type', 'file'); inputObj.setAttribute("style", 'visibility:hidden'); document.body.appendChild(inputObj); inputObj.click(); ...
  • js濡備綍瀹炵幇鏄剧ず鍏辨湁澶氬皯涓夐」,閫夋嫨浜嗗嚑椤瑰悗寮瑰嚭涓涓夐」妗嗗憡璇変綘鏈夊嚑...
    绛旓細鍗曞嚮鏄剧ず var oBtn=document.getElementById('btn');oBtn.onclick=function(){ var result=showCheckBoxValue('aaabbb')if(result==''){ alert('涓涓兘娌閫変腑')}else{ alert(result);} } function showCheckBoxValue(nameEle){ //鏈緥涓,鑾峰彇鎵鏈塶ame鍊间负aaabbb鐨刢heckbox obj = document....
  • js濡備綍鎵撳紑涓涓柊绐楀彛js濡備綍鎵撳紑涓涓柊绐楀彛蹇嵎閿
    绛旓細6.鐜板湪鍦ㄦ祻瑙堝櫒涓偣鍑烩滄墦寮鏂囦欢鈥濓紝浼寮瑰嚭閫夋嫨鏂囦欢璺緞鐨勫璇濇銆js鎬庢牱鑾峰彇鎵鏈夋墦寮鐨勬祻瑙堝櫒鍦板潃锛焜s涓閫氳繃window.location.href鍜宒ocument.location.href銆乨ocument.URL鑾峰彇褰撳墠娴忚鍣ㄧ殑鍦板潃鐨勫硷紝瀹冧滑鐨勭殑鍖哄埆鏄細1銆乨ocument琛ㄧず鐨勬槸涓涓枃妗e璞★紝window琛ㄧず鐨勬槸涓涓獥鍙e璞★紝涓涓獥鍙d笅鍙互鏈夊涓枃妗...
  • js濡備綍寮瑰嚭椤甸潰js濡備綍寮瑰嚭椤甸潰绐楀彛
    绛旓細Status=no鏄惁鏄剧ず鐘舵佹爮涓殑淇℃伅(閫氬父鏂囦欢宸茬粡鎵撳紑),yes鏄厑璁哥殑; 绀轰緥:window.open(page.aspx iframe妗嗘灦椤甸潰涓寮瑰嚭绐楀彛濡備綍浣跨敤JS鍥炶皟? 鍙兘鏄:鍐掓场鎵鑷,闃绘鍐掓场,灏卞彲浠ヤ簡銆俲s鎵ц鍒嗕负涓や釜闃舵,涓涓槸鎹曡幏,鐒跺悗灏辨槸鍐掓场銆 涓句釜渚嬪瓙,浣犲湪澶涓祵濂椾竴涓皬p,涓や釜p閮界粦瀹氱偣鍑讳簨浠,褰撲綘鐐瑰嚮灏忕殑p鐨勬椂鍊欍備袱涓...
  • 扩展阅读:扫一扫题目出答案 ... js弹出一个悬浮页面 ... js弹出确认框 ... js弹出对话框的三个命令 ... js输出txt文件 ... js弹窗确定和取消 ... js实现弹出框的插件 ... js实现点击按钮弹出弹窗 ... js两种引入方式 ...

    本站交流只代表网友个人观点,与本站立场无关
    欢迎反馈与建议,请联系电邮
    2024© 车视网