如何在HTML5中获取导入图像的文件路径

时间:2018-10-23 10:51:35

标签: javascript html html5

我正在尝试获取html5中导入的图像的文件路径。 我当前的HTML代码如下:

<!DOCTYPE HTML>
<html>
    <head>
        <title>example.com</title>
        <link rel="stylesheet" type="text/css" href="Index.css">
    </head>
    <body>
        <h1>Example.com</h1>
        <p>Import image: <input type="file" accept="image/x-png" onclick="importImage()" id="importImg"></p>
        <script src="JS.js"></script>
    </body>
</html>

我还没有任何JS代码,因为我根本不知道该怎么做 我刚开始这个项目时也没有CSS,但我认为这不是必不可少的

1 个答案:

答案 0 :(得分:0)

我没有完全收到您的问题。但是我要输入类型文件的系统路径

从系统中获取文件的完整路径。

$('input[type=file]').change( function(event) {
    var tmppath = URL.createObjectURL(event.target.files[0]);
   console.log(tmppath)
});