Fine uploader 带Pica的精细上传器
我对Fineuploader是个新手,使用这个很棒的上传器和Pica进行图像缩放。Pica在缩放和缩略图方面效果很好Fine uploader 带Pica的精细上传器,fine-uploader,Fine Uploader,我对Fineuploader是个新手,使用这个很棒的上传器和Pica进行图像缩放。Pica在缩放和缩略图方面效果很好 scaling: { sendOriginal: false, hideScaled: false, sizes: [ {name: "a", maxSize: 200}, {name: "b", maxSize: 600},
scaling: {
sendOriginal: false,
hideScaled: false,
sizes: [
{name: "a", maxSize: 200},
{name: "b", maxSize: 600},
{name: "c", maxSize: 1000}
],
customResizer: !qq.ios() && function(resizeInfo) {
return new Promise(function(resolve, reject) {
pica.debug = console.log.bind(console),
pica.resizeCanvas(resizeInfo.sourceCanvas, resizeInfo.targetCanvas, {}, resolve)
})
}
}, thumbnails: {
customResizer: !qq.ios() && function(resizeInfo) {
return new Promise(function(resolve, reject) {
pica.resizeCanvas(resizeInfo.sourceCanvas, resizeInfo.targetCanvas, {}, resolve)
})
}
}
但是,我需要去其他地方。我试着用谷歌到处搜索,浏览Fineuploader的文档,但还是没能让Pica用缩略图运行
scaling: {
sendOriginal: false,
hideScaled: false,
sizes: [
{name: "a", maxSize: 200},
{name: "b", maxSize: 600},
{name: "c", maxSize: 1000}
],
customResizer: !qq.ios() && function(resizeInfo) {
return new Promise(function(resolve, reject) {
pica.debug = console.log.bind(console),
pica.resizeCanvas(resizeInfo.sourceCanvas, resizeInfo.targetCanvas, {}, resolve)
})
}
}, thumbnails: {
customResizer: !qq.ios() && function(resizeInfo) {
return new Promise(function(resolve, reject) {
pica.resizeCanvas(resizeInfo.sourceCanvas, resizeInfo.targetCanvas, {}, resolve)
})
}
}
Fineuploader的文档
我当前的代码
如果有人能指导我修改当前代码,使drawThumbnail与Pica一起运行,那就太好了,谢谢。正如您在问题中所指出的,文档说明了如何在使用
drawThumbnail时使用备用大小调整器功能:
drawThumbnail(id,targetContainer[,maxSize[,fromServer[,customResizer]])
…因此,您的代码如下所示:
var canvas=document.createElement('canvas')
var customResizer=函数(resizeInfo){
返回新承诺(功能(解决、拒绝){
pica.resizeCanvas(
resizeInfo.sourceCanvas,
resizeInfo.targetCanvas,
{},
决定
)
})
}
画布宽度=300;
画布高度=200;
$(“.frame”).html(画布);
uploader.drawThumbnail(id,canvas,300,false,!qq.ios()&&customResizer);
var canvas = document.createElement('canvas');
canvas.width = 300;
canvas.height = 200;
$(".frame").html(canvas);
uploader.drawThumbnail(id, canvas, 300, false);