HTML5 -从本地路径动态创建图像？
HTML5 -从本地路径动态创建图像？
提问于 2014-04-12 21:32:38
如果我只有一个指向本地文件的路径，是否可以创建一个HTML映像？我试着用一个爬虫器，但这条路是行不通的。我怎样才能解决这个问题？
JS
var reader = new FileReader();
reader.onload = {
$('#myImg').attr('src', e.target.result);
};
reader.readAsDataURL("file:///C:/Users/me/AppData/Local/Temp/msohtmlclip1/01/clip_image002.jpg ");回答 3
Stack Overflow用户
回答已采纳
发布于 2014-04-12 21:54:53
这是我为在JavaScript中读取文件而制作的一个简单工具：
Fiddle
JavaScript代码是：
var reader = new FileReader();
reader.onerror = function(ev) {
$('#output').html('=== Error reading file ===');
}
reader.onload = function(ev) {
$('#output').html(ev.target.result);
};
reader.readAsDataURL(e.target.files[0]);当您选择一个图像文件时，它将向您显示图像的base64 dataURI。
我建议不要尝试选择一个不是图像的文件，我不知道会发生什么。
Stack Overflow用户
发布于 2014-04-12 21:39:37
像这样吗？
var x=document.createElement("img");
x.src="C:\data\images\test.jpg";
x.style.height="50px";
document.getElementById('whereimgoing').appendChild(x);另外，我应该补充一点，如果这是在一个网站上，那么它将高度依赖于浏览器的安全性。
Stack Overflow用户
发布于 2014-04-12 21:41:47
var reader = new FileReader();
reader.onload = function(e) {
$('#myImg').attr('src', reader.result);
};
reader.readAsDataURL("file:///C:/Your/path/msohtmlclip1/01/clip_image002.jpg");如果授予了对本地文件的访问权限，应该可以(检查浏览器设置，或者在服务器(本地主机或www.yourserver.com)上部署时尝试它是否有效)。由于浏览器的行为不同，本地文件总是会引起一些麻烦。还尝试不使用临时文件夹。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23036382
复制相关文章
相似问题
腾讯云开发者
