简单的web页面获取图片路径

图片的路径在谷歌等等的浏览器上的话，大部分都会被加密，当你获取的时候会发现图片的路径根本无法使用。
这个时候，我们就要通过截取，字符串拼接来实现获取了。
首先是我们的html页面

<div>
<!--通过flie来获取文件名-->
        <input type="file"  id="file1" style="width:200px"/>
         <input type="button" id="btn" value="上传"/>
         <img id="html1"/>
         <p id="html2"></p>
</div>

在通过获取文件名后，我们将需要的图片放进你项目中的图片文件中，就比如我的是在images文件夹中

接下来就是我们的jquery代码了

$().ready(function () {
                $("#btn").click(function () {
                    //获取文件的加密路径  C:\fakepath\+"你的图片名字"
                    var p = $("#file1").val();
                    alert(p);
                    //在检索到h后，从h后第二个字符开始截取
                    var src = p.substring(p.lastIndexOf("h") + 2);
                    //前面加上你的文件路径
                    var src1 = "images/" + src;
                    $("#html1").attr("src", src1);
                    $("#html2").html(p);
                });
            })

这样的话你就可以在页面上面展示你的图片，并且，可以存储进入你的数据库中。