图片的路径在谷歌等等的浏览器上的话,大部分都会被加密,当你获取的时候会发现图片的路径根本无法使用。
这个时候,我们就要通过截取,字符串拼接来实现获取了。
首先是我们的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);
});
})
这样的话你就可以在页面上面展示你的图片,并且,可以存储进入你的数据库中。