gpt4 book ai didi

javascript - Dropzone.js 显示存储的图像

转载 作者:行者123 更新时间:2023-12-03 03:09:43 27 4
gpt4 key购买 nike

我在 Laravel 应用程序中使用 dropzone.js 在我的平台上上传和显示图像。存储效果很好。我将它们保存到数据库和本地文件夹结构中,该结构具有用于完整图像的 full_size 文件夹和用于应该适合作为缩略图的图像的 icon_size 文件夹(基本上是较小的副本)图像)。

我面临的问题是当我尝试显示图像时。这是我的 dropzone 配置文件:

Dropzone.options.realDropzone = {
previewsContainer: '#dropzonePreview',
previewTemplate: document.querySelector('#preview-template').innerHTML,
addRemoveLinks: true,
dictRemoveFile: 'Remove',

// The setting up of the dropzone
init: function () {

var myDropzone = this

$.get('/image', function (data) {

$.each(data.images, function (key, value) {

var file = {name: value.original, size: value.size}
myDropzone.options.addedfile.call(myDropzone, file)
myDropzone.options.thumbnail.call(myDropzone, file, 'images/icon_size/' + value.server)
myDropzone.emit('complete', file)
})
})

this.on('removedfile', function (file) {

$.ajax({
type: 'POST',
url: 'image/destroy',
data: {id: file.name, _token: $('#csrf-token').val()},
dataType: 'html',
success: function (data) {
var rep = JSON.parse(data)
}
})

})
},
error: function (file, response) {
if ($.type(response) === 'string')
var message = response //dropzone sends it's own error messages in string
else
var message = response.message
file.previewElement.classList.add('dz-error')
_ref = file.previewElement.querySelectorAll('[data-dz-errormessage]')
_results = []
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
node = _ref[_i]
_results.push(node.textContent = message)
}
return _results
},
success: function (file, done) {
}
}

/image 的 Ajax 调用工作正常并返回数据库中的图像实例

enter image description here

但是当每个图像都应该包含在 View 中时,就会出错

enter image description here

我面临的问题是它出错了,因为我位于 /project 路径下,因为这些是连接到项目的图像。我不知道如何删除路线的该部分,以便直接从我的 public 文件夹中获取图片

最佳答案

如果有人遇到同样的问题,我已经通过显式定义用于获取的 URL 来解决它:

myDropzone.options.thumbnail.call(myDropzone, file, "http://" + window.location.hostname + '/images/icon_size/' + value.server)

http:// 部分是强制性的,否则它只会将其附加到现有链接。

关于javascript - Dropzone.js 显示存储的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46999361/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com