丢失区域成功事件后的Ajax图像加载
提问于 2015-11-19 12:39:10
因此，我正在使用dropzone.js，我想重新加载一个特定的图像后，成功事件后的下拉区域。
我的控制器
public function edit($id)
{
$offer = Offer::find($id);
if(!is_object($offer->getMedia('featimgs')->first())){
$offerfeatimg = '/assets/images/offerfeatimg.jpg';
} else {
$offerfeatimg = $offer->getMedia('featimgs')->first()->getUrl('medium');
}
return view('admin.offers.edit')->with(compact('offer', 'offerfeatimg'));
}这就是我把图像传递给视图的地方：
<div class="panel-body">
<img src="{{ $offerfeatimg }}" class="img-responsive">
@if($offerfeatimg != '/assets/images/offerfeatimg.jpg')
<div class="removebutton">
<a href="/admin/offer/featimg/delete/{{ $offer->id }}" class="btn btn-danger" role="button">Izbrisi sliku</a>
</div>
@endif
<form action="/admin/offer/featimg/{{ $offer->id }}" class="dropzone" id="my-awesome-dropzone">
{!! csrf_field() !!}
<div class="dz-message">Prebacite glavnu sliku za ovu ponudu</div>
</form>
</div>意见：
因此，我希望在成功的下拉区域事件之后通过ajax重新加载这个部分：
<img src="{{ $offerfeatimg }}" class="img-responsive">
@if($offerfeatimg != '/assets/images/offerfeatimg.jpg')
<div class="removebutton">
<a href="/admin/offer/featimg/delete/{{ $offer->id }}" class="btn btn-danger" role="button">Izbrisi sliku</a>
</div>
@endif有什么想法吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-11-23 07:14:35
Dropzone.options.myAwesomeDropzone = {
paramName: "file", // The name that will be used to transfer the file
maxFilesize: 2, // MB
parallelUploads: 1,
success: function (file, response) {
var imageSrc = response;
$(".img-responsive").attr('src', imageSrc);
if(imageSrc == '/assets/images/offerfeatimg.jpg') {
$(".removebutton").hide();
} else {
$(".removebutton").show();
}
this.removeAllFiles();
}
};Stack Overflow用户
发布于 2015-11-19 13:17:02
这假定了您的javascript设置，包括jquery。如果表单节点上有下拉区域对象，您应该能够在javascript中执行类似的操作：
var dz = $('form.dropzone').get(0).dropzone;
dz.on("success", function (file, response) {
var imageSrc = ... // add logic here to determine src from server response
$(".img-responsive").attr('src', imageSrc);
if(imageSrc != '/assets/images/offerfeatimg.jpg') {
$(".removebutton").hide();
}
else {
// you may need to edit your html so that this button exists in order to show it
$(".removebutton").show();
}
});也可以设置这样的事件处理程序：
Dropzone.options.myAwesomeDropzone = {
... other options ...,
success: function () {
...
}
};查看处理下拉区域事件：http://www.dropzonejs.com/#events
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33813942
复制相关文章
腾讯云开发者
