Javascript 如何在不上传的情况下访问图像并将其显示在IMG标签中
我想读取Javascript 如何在不上传的情况下访问图像并将其显示在IMG标签中,javascript,html,input,Javascript,Html,Input,我想读取标记中所选图像的URL，然后显示相应的图像，而无需先将文件上载到服务器 输出到 不先上传。“上传”推断将图像从客户端传输到服务器。如果您只想显示图像，则完全不同。 您想要的是拥有，并拥有一个onchange操作，该操作读取图像的路径，然后获取该路径并将其放入img标记的src部分 类似这样的事情：（不保证这会起作用。查看详细信息…） 函数updateMgref（）{ var img=document.getElementById（“outputimg”）； var input=do
onchangeimg
函数updateMgref（）{
var img=document.getElementById（“outputimg”）；
var input=document.getElementById（“imginput”）；
if（input.files&&input.files[0]）{
img.href=input.result；
}
}
尝试使用谷歌搜索上传文件ajax@JoSSte您还可以建议堆栈溢出内部搜索：这没有帮助。。当我从输入类型文件中选择一些图片时，我只想在那个div中输入img。。通过使用onchange函数，“上载”推断将图像从客户端传输到服务器。如果你只想显示图像，那就完全不同了。@JoSSte没有写评论，而是将问题标记为重复-这会产生与我上面的评论类似的结果。Tysm man…（y）…如果有帮助，请将其标记为接受答案；-）
<html>
<head>
<script>
function updateimgref(){
var img = document.getElementById("outputimg");
var input = document.getElementById("imginput");
if (input.files && input.files[0]) {
img.href = input.result;
}
}
</script>
</head>
<body>
<input type="image" id="imginput" onchange="updateimgref()">
<img id="outputimg" href="myblankplaceholder.png">
</body>
</html>