用js如何实现点击按钮打开一个指定路径下的文件

JavaScript09

用js如何实现点击按钮打开一个指定路径下的文件,第1张

方法步骤如下:

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浏览器可以通过设置安全级别,能获取到真实路径。