Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/376.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Javascript事件中设置图像_Javascript_Jquery_Twitter Bootstrap - Fatal编程技术网

如何在Javascript事件中设置图像

如何在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

我正在使用找到的Krajee引导文件上传插件

当图像上传完成后,我将调用事件“fileLoaded”。 我在页面上有一个图像元素,我想设置为我刚刚上传的图像

下面我想将file.src传递给image.src,但file.src未定义。文件只有名称、大小和类型。这个名字就是我上传的图片的名字-test.jpg

 $('#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)$().attr('src',)
方法的code>确实起作用,因此您可能还有其他问题,我似乎可以使用'reader'从文件中读取数据,但不确定如何执行该操作或如何将其设置为image。srcIt似乎
文件
是一个具有
名称
属性的
对象
尺寸
类型
附在其上。由于您使用的库没有将
src
参数附加到对象属性,因此您必须使用它的
name
属性,并将其与服务器上存储图像的文件夹
path
连接起来
然后您可以执行
$('#pic1').attr('src',targetImageSrc)