[英]BlueImp jQuery File Upload - Return the thumbnail URL
我正在嘗試從jQuery File Upload BlueImp的fileupload模塊返回縮略圖URL。
這是我的上傳器腳本:
<script>
/*jslint unparam: true */
/*global window, $ */
$(function () {
'use strict';
// Change this to the location of your server-side upload handler:
var url = 'server/php/';
$('#fileupload').fileupload({
url: url,
dataType: 'json',
done: function (e, data) {
$.each(data.result.files, function (index, file) {
$('<div class="box">').appendTo('#files');
$('.box').last().html('<a href="'+file.url+'"><img width="220px" height="120px" src="'+file.url+'"/></a>
});
},
progressall: function (e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('#progress .progress-bar').css(
'width',
progress + '%'
);
}
}).prop('disabled', !$.support.fileInput)
.parent().addClass($.support.fileInput ? undefined : 'disabled');
});
</script>
正如你看到的,我可以返回“file.url”(例如: http://website.com/server/php/files/image.png ),但我想返回“file.thumbnailURL”(例如: HTTP: //website.com/server/php/thumbnails/image.png )
$('.box').last().html('<a href="'+file.url+'"><img width="220px" height="120px" src="'+file.thumbnailURL+'"/></a>
但是它是未定義的(我知道),那么如何定義file.thumbnailURL? 定義file.url file.name ...的代碼在哪里?
謝謝大衛。
您的php腳本會創建縮略圖嗎? 您可以console.log(data)
並檢查它是否是響應的一部分。
// try
+ data.files[0].thumbnailUrl +
// or
+ data.files.thumbnailUrl +
// It worked for me
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.