如何在Javascript事件中设置图像
我正在使用找到的Krajee引导文件上传插件 当图像上传完成后,我将调用事件“fileLoaded”。 我在页面上有一个图像元素,我想设置为我刚刚上传的图像 下面我想将file.src传递给image.src,但file.src未定义。文件只有名称、大小和类型。这个名字就是我上传的图片的名字-test.jpg如何在Javascript事件中设置图像,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我正在使用找到的Krajee引导文件上传插件 当图像上传完成后,我将调用事件“fileLoaded”。 我在页面上有一个图像元素,我想设置为我刚刚上传的图像 下面我想将file.src传递给image.src,但file.src未定义。文件只有名称、大小和类型。这个名字就是我上传的图片的名字-test.jpg $('#input-20').on('fileloaded', function (event, file, previewId, index, reader) { c
$('#input-20').on('fileloaded', function (event, file, previewId, index, reader) {
console.log("fileloaded");
var image = document.getElementById("displayImage");
image.src = file.src;
});
$('#input-20')
而不是('#input-20')
。我看到您注释掉了$(“#pic1”).attr(“src”,searchPic.src)在jQuery中使用$().attr('src',)
方法的code>确实起作用,因此您可能还有其他问题,我似乎可以使用'reader'从文件中读取数据,但不确定如何执行该操作或如何将其设置为image。srcIt似乎文件
是一个具有名称
属性的对象
,尺寸
和类型
附在其上。由于您使用的库没有将src
参数附加到对象属性,因此您必须使用它的name
属性,并将其与服务器上存储图像的文件夹path
连接起来
然后您可以执行$('#pic1').attr('src',targetImageSrc)代码>