javascript - 在点击上传 javascript/jquery 之前显示图像

Question

我正在尝试实现消息功能。在此允许用户上传图像。我的上传功能工作正常。但是我想在用户实际点击提交按钮之前预览用户想要上传的图像。到目前为止，我的图像输入工作代码是 <input name="attach" type="file" id="attach" /> 我搜索了很多并得出结论，我将不得不为此使用 java-script 或 j-query 我创建了一个 onchange="readURL(this);"函数并将其放在 input 中.我还创建了一个图像标签，其中将显示图像 <img id="preview_img" style="max-width: 130px; max-height: 130px; display: none" src=""/>从这里开始我很困惑。我将如何更改图像 src使用 java 脚本或我将其更改为什么值？

Answer 1

你可以把它放在一些 jQuery 事件中('click'，'load'，不确定你想要什么时候发生):

$('#preview_img').attr('src', '...');