方法步骤如下:
1、首先,打开计算机,然后打开JS,在其中创建一个HTML文件“test”。
2、然后将HTML框架添加到测试文件中。
3、然后添加两个输入,一个是button,另一个是file将ID设置为“open”样式类型为“display:None”并且不显示。
4、打开后,仅显示此“打开文件”按钮。
5、现在将onclick事件添加到按钮,并调用openfile来触发ID为“open”的文件。
6、现在单击浏览器中的“打开文件”就会弹出选择文件路径对话框。
1、首先点击按钮实现页面中的js文件移动到指定区域。2、然后再点击按钮实现复制指定文件。
3、其次将复制的信息放入指定位置。
4、最后使用innerHTML实现js文件复制到指定区域即可成功。
<script>$("input[name=fileString]").change(function() {
//var names = []
for (var i = 0 i < $(this).get(0).files.length ++i) {
// names.push($(this).get(0).files[i].name)
//console.log($(this).get(0).files[i].mozFullPath)
//方式一:
var filePath = $(this).val()
console.log(filePath)
//方式二:
alert($('input[type=file]').val())
}
//console.log(names)
//方式三:
alert($("input[name=fileString]").val())
})
</script>
注意:以上方式取到的都是文件的伪路径,由于浏览器的安全策略,Chrome浏览器及Chrome内核的浏览器是不可能获取文件在本地的真实路径的。IE浏览器可以通过设置安全级别,能获取到真实路径。