链接<;img>;在HTML中

链接<;img>;在HTML中,html,css,Html,Css,我有一个这样的形象 <input type="file" name="pic_file" id="photo_file"> <img id="image_holder" src="" /> 谢谢在JavaScript中尝试以下内容: <a href="cached_img with id=image_holder"><img id="image_holder" src="" /></a> var photofile=docu

我有一个这样的形象

<input type="file" name="pic_file" id="photo_file">
<img id="image_holder" src="" />



谢谢

在JavaScript中尝试以下内容:

 <a href="cached_img with id=image_holder"><img id="image_holder" src="" /></a>
var photofile=document.getElementById(“photo_文件”);
photofile.onchange=函数(){
if(photofile.files&&photofile.files[0]){
var reader=new FileReader();
reader.onload=函数(e){
var结果=e.target.result;
insertAdjacentHTML(“afterend”,“afterend”);
}
reader.readAsDataURL(this.files[0]);
}    
};


选择图像时,这将在
标记中显示图像,并带有一个链接,单击该链接时将在新选项卡中打开图像。

在JavaScript中尝试类似的操作:

 <a href="cached_img with id=image_holder"><img id="image_holder" src="" /></a>
var photofile=document.getElementById(“photo_文件”);
photofile.onchange=函数(){
if(photofile.files&&photofile.files[0]){
var reader=new FileReader();
reader.onload=函数(e){
var结果=e.target.result;
insertAdjacentHTML(“afterend”,“afterend”);
}
reader.readAsDataURL(this.files[0]);
}    
};


选择图像时,这将在
标记中显示图像,单击时会在新选项卡中打开图像的链接。

?然后做任何你需要的javascript?因为我没有保存,也不想将图像保存到服务器上-那么它会去哪里呢?为了链接到它,它必须存储在某个地方。@DanWhite我正在将它保存到一个数据库中,我想知道如果不从该数据库获取它,由于它必须保存在当前页面的某个地方,我是否可以用它来显示它,你知道我的意思吗?然后阅读BLOB-@DanWhite我知道如何保存它以及将它保存为什么,但是我想说的是,在用户单击最终提交之前,它还没有被保存,所以我可以全屏显示它吗?因为它必须缓存在当前页面的某个位置
?然后做任何你需要的javascript?因为我没有保存,也不想将图像保存到服务器上-那么它会去哪里呢?为了链接到它,它必须存储在某个地方。@DanWhite我正在将它保存到一个数据库中,我想知道如果不从该数据库获取它,由于它必须保存在当前页面的某个地方,我是否可以用它来显示它,你知道我的意思吗?然后阅读BLOB-@DanWhite我知道如何保存它以及将它保存为什么,但是我想说的是,在用户单击最终提交之前,它还没有被保存,所以我可以全屏显示它吗?因为它必须缓存在当前页面的某个地方。。你真是太好了!;-)因为他为他做了工作:虚伪的。。你真是太好了!;-)为他做他的工作:P