Javascript 图像属性格式不正确
我试图将图像属性附加到my div图像容器中,但正如我所见,图像不在同一容器中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
<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我看到密码了