通过打开<输入类型 = “文件”>将照片插入 <img>
Insert a photo to <img> by opening <input type = "file">
请告诉我,当我打开照片时,如何将照片插入<img>
<input type = "file">
并选择任何文件?如何使用 JS/JQuery?
使用 '
FileReader' 对象:
$("#yourinput").change(function () {
var file = this.files[0];
var reader = new FileReader();
reader.onload = function (e) {
$("#yourimg").attr("src", e.target.result);
}
reader.readAsDataURL(file);
});
相关文章:
- 漂亮照片图片库中的Facebook赞按钮
- 图片照片库
- 如何更改<svg>标记为<img>用js标记
- 有没有一种方法可以防止img get请求使用css或js发生
- Javascript:使用绝对路径设置img src
- Setting default onclick behavior for <img> tag in gene
- 如何在页面加载中使用Jquery/Javascript确定img源
- 图像可以从源<img src=""/>.TEXT可以在没有javascript的情况下从外部
- 使用AngularJs时,如何在img标记具有src-attr时设置数据src
- 插入“;img src"在javascript中
- 检索MongoDB binData并显示为<img>src
- 将照片从javascript发送到php
- 是否可以创建一个带有进度条的跨浏览器AJAX照片上传器
- addEventListener的Javascript代码不工作!?(单击时打开放大的img)
- 照片滑块的条件语句
- 为什么缩放按钮不会显示在照片擦除中
- 手柄'img'单击事件并插入'alt'使用jQuery将属性转换为文本框
- 如何在javascript中将照片设置为来自Flickr api的img src
- jQuery 重新排列/交换 img src 会导致照片重新加载出现故障
- Chrome扩展程序 - 将外部照片加载到IMG中 - 避免混合内容