Fine uploader 带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},

我对Fineuploader是个新手,使用这个很棒的上传器和Pica进行图像缩放。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的文档,但还是没能让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);