用js怎么实现d出个选择文件的对话框?

用js怎么实现d出个选择文件的对话框?,第1张

可以实现的,大概的思路是这样:

1.先新建一ASP页(不知道你用什么来做的,就以asp为例吧),该页的作用是读取服务器上某个目录下的所有文件,并显示文件列表,做出类似选择文件对话框的样子。具体代码网上有很多,你以“asp 遍历文件夹”作为关键字在baidu或google中搜一下。

2.在“修改”按钮上使用Javascript的模态对话框d出上一步做出来的网页。

就是window.showModalDialog(),模态对话框可以接收父窗口传来的参数,也可以返回参数给父窗口,利用这一特性,当你在对话框中选择好文件点确定时,可以从对话框将选择内容返回到父页面上。具体怎么用?同样建议你以“showModalDialog”作为关键字到网上去搜一下。

JS打开选择本地文件的对话框:

方法一:

在定义的form中添加以下javascript代码:

{

              anchor : '95%',

              xtype: 'fileuploadfield',

              id: 'form-file',

              emptyText: '请选择',

              fieldLabel: '上传附件',

              name: 'meetingAffix',

              buttonText: 'Browse'

    }

单击Browse按钮后可以打开对话框,选中文件后,所选文件路径会出现在上传附件后面的文本框中。

方法二:

在定义的form中添加以下javascript代码:

{

      columnWidth :1,

      layout :'form',

      bodyStyle :'padding:10px',

      defaultType :'textfield',

      labelWidth :120,

      width :1000,

      buttonAlign :'center',

      items : [ {

       fieldLabel :'请选择要上传的文件',

       name :'fileName',

       id :'fileId',

       anchor :'95%',

      allowBlank :false,

       inputType :'file'

      } ]

}

方法三:

给按钮定义以下javascript函数:

var inputObj=document.createElement('input')

         inputObj.setAttribute('id','_ef')

         inputObj.setAttribute('type','file')

         inputObj.setAttribute("style",'visibility:hidden')

         document.body.appendChild(inputObj)

         inputObj.click()

         inputObj.value 

单击已经添加函数的按钮会d出选择本地文件的对话框。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/7912493.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存