Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.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_Ajax_Jquery Ui_Dropzone.js - Fatal编程技术网

Javascript 图像属性格式不正确

Javascript 图像属性格式不正确,javascript,jquery,ajax,jquery-ui,dropzone.js,Javascript,Jquery,Ajax,Jquery Ui,Dropzone.js,我试图将图像属性附加到my div图像容器中,但正如我所见,图像不在同一容器中 <img id="imgUpload" style="width: 140px; height: 140px;" class="img-thumbnail"></img> <img src="static/uploads/4178ba43-a9f1-4315-b8ea-88c0531cc042.png"><img id="imgUpload" style="width: 14

我试图将图像属性附加到my div图像容器中,但正如我所见,图像不在同一容器中

<img id="imgUpload" style="width: 140px; height: 140px;" class="img-thumbnail"></img>
<img src="static/uploads/4178ba43-a9f1-4315-b8ea-88c0531cc042.png"><img id="imgUpload" style="width: 140px; height: 140px;" class="img-thumbnail"></img>

下面是应该扮演这个角色的html元素

<script>
    $(function(){
        $('#fileupload').fileupload({
            url: 'upload',
            dataType: 'json',
            add: function (e, data) {
                data.submit();
            },
            success:function(response,status) {
                console.log(response.filename);
                var filePath = 'static/uploads/' + response.filename;
                $("#imgUpload").append($("<img>", { src: filePath }));
                $('#filePath').val(filePath);
                console.log('success');
            },
            error:function(error){
                console.log(error);
            }
        });
    })
</script>

更改以下行

<div class="pull-right">
    <img id="imgUpload" style="width: 140px; height: 140px;" class="img-thumbnail"/><input type="hidden" name="filePath" id="filePath"></input>
</div>
</div>

更改以下行

<div class="pull-right">
    <img id="imgUpload" style="width: 140px; height: 140px;" class="img-thumbnail"/><input type="hidden" name="filePath" id="filePath"></input>
</div>
</div>

我已经看过你的前一个问题了

我想你需要这个

$("#imgUpload").attr("src", filePath);

var-img=$(”我已经看完了你之前的问题

我想你需要这个

$("#imgUpload").attr("src", filePath);

var img=$('您可以这样使用Attr
$(“#imgUpload”).append($”((
$(“#imgUpload”).attr(“src”,filePath);

这个例子

var img = $('<img />', { 

  src: filePath

});
img.appendTo($('.pull-right'));

$(函数(){
$('#fileupload')。fileupload({
url:'上传',
数据类型:“json”,
添加:功能(e、数据){
data.submit();
},
成功:功能(响应、状态){
console.log(response.filename);
var filePath='static/uploads/'+response.filename;
$(“imgUpload”).attr(“src”,文件路径);
$('#filePath').val(filePath);
console.log('success');
},
错误:函数(错误){
console.log(错误);
}
});
})

您这样使用Attr
$(“#imgUpload”).append($”((
$(“#imgUpload”).attr(“src”,filePath);

这个例子

var img = $('<img />', { 

  src: filePath

});
img.appendTo($('.pull-right'));

$(函数(){
$('#fileupload')。fileupload({
url:'上传',
数据类型:“json”,
添加:功能(e、数据){
data.submit();
},
成功:功能(响应、状态){
console.log(response.filename);
var filePath='static/uploads/'+response.filename;
$(“imgUpload”).attr(“src”,文件路径);
$('#filePath').val(filePath);
console.log('success');
},
错误:函数(错误){
console.log(错误);
}
});
})

try
$(“#imgUpload”).append($)应该是
$(“#imgUpload”).attr('src',filePath);
在img中追加img???try
$(“#imgUpload”)的可能重复项。append($($)应该是
$(“#imgUpload”).attr('src',filePath);
在img中附加img???可能重复感谢您的快速响应,代码最初在
.attr
上,它只显示一个缩略图。我想显示所有的缩略图谢谢您的快速响应,代码最初在
.attr
上,它只显示一个缩略图。我想显示所有的缩略图humbsthis仅显示一个缩略图,我希望它显示所有上载的图像。此“response.filename”或console.log(response.filename)的值是多少
dc9fe2ff-2e3c-47a7-aefd-6d72a29c3702.png文件:46个成功文件:38个c906b428-d5a5-4bd3-9c5e-202b52449dca.png文件:46个成功
这是在我上传了2张图片之后。您有teamviwer?将用户id pwd发送到vadiveljobs@gmail.com我看到代码这只显示一个缩略图,我希望它显示所有上传的图像。这是什么值“response.filename”或console.log(response.filename);
dc9fe2ff-2e3c-47a7-aefd-6d72a29c3702.png文件:46个成功文件:38个c906b428-d5a5-4bd3-9c5e-202b52449dca.png文件:46个成功
这是在我上传了2张图片之后。您有teamviwer?将用户id pwd发送到vadiveljobs@gmail.com我看到密码了