javascript文件对话框,js打开文件夹对话框
javascript打开文件对话框选择打开文件后,如何一步到位的把文件路径名显示在文本框中
首先创建一个input标签,定义type为“file”(*关键)
创新互联是一家专注网站建设、网络营销策划、微信小程序定制开发、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立10余年以来,已经为千余家成都茶楼设计各业的企业公司提供互联网服务。现在,服务的千余家客户与我们一路同行,见证我们的成长;未来,我们一起分享成功的喜悦。
button id="id"Open/button
input id="yourinputname" type="file" name="yourinputname" style="display: none;" /
然后用 jQuery 代码来触发它就可以了:
$('#id').on('click', function() {
$('#yourinputname').trigger('click');
});
样例参考:
js中用链接实现打开本地文件对话框
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 ;
单击已经添加函数的按钮会弹出选择本地文件的对话框。
JS打开本地文件夹对话框
// 浏览文件夹(指定文件路径)
function BrowseFolder() {
try {
var Message = "Please select the folder path."; //选择框提示信息
var Shell = new ActiveXObject("Shell.Application");
var Folder = Shell.BrowseForFolder(0, Message, 0x0040, 0x11); //起始目录为:我的电脑
//var Folder = Shell.BrowseForFolder(0,Message,0); //起始目录为:桌面
if (Folder != null) {
Folder = Folder.items(); // 返回 FolderItems 对象
Folder = Folder.item(); // 返回 Folderitem 对象
Folder = Folder.Path; // 返回路径
if (Folder.charAt(Folder.length - 1) != "\\") {
Folder = Folder + "\\";
}
return Folder;
}
} catch (e) {
alert(e.message);
}
}
//保存文件
function SaveInfoToFile(folder, fileName) {
var filePath = folder + fileName;
var fileInfo = "hahahaha";
var fso = new ActiveXObject("Scripting.FileSystemObject");
var file = fso.CreateTextFile(filePath, true);
file.Write(fileInfo);
file.Close();
}
以上代码并没有处理xml,关于xml可以找相关资料。
JavaScript如何弹出文件选择框,然后返回文件完整路径
1、js弹出文件选择框:
给按钮定义以下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 ;
单击已经添加函数的按钮会弹出选择本地文件的对话框。
2、写一个隐藏域, 当用户选择文件之后把图片的路径赋给这个隐藏域, 然后在action中就可以获取到文件的路径了,代码如下:
function showRealPath(filePath){
document.getElementsByName("textfield")[0].value = filePath;
}
input type="file" name="uploadfile" onfocus="showRealPath(this.value);"/
input type="hidden" name="uploadfileRealPath"
javaScript产生一个文件保存对话框
你是找下载完成东西的时候你发现找不到路径吗?估计你用的是IE,其它浏览器都有打开文件夹功能的,你去下载一个超大的文件,然后下载框弹出来的时候,左下角有一个下载完成后关闭的复选框,你把它去掉,这样下载完成后,你店家打开文件夹按钮就可以打开保存的路径了
本文题目:javascript文件对话框,js打开文件夹对话框
URL链接:http://cdiso.cn/article/dsdiigc.html