jQuery文件上传调整大小上传的图像

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery文件上传调整大小上传的图像相关的知识,希望对你有一定的参考价值。

嗨伙计们我正在使用这个插件基于2amigos/yii2-file-upload-widget文件上传BlueImp jQuery File Upload plugin

就像在指南中我配置好,所有行动都运作良好,但我有一个问题。

  • 是否有调整上传图像大小的选项?

当我从队列文件(示例中的第三个图像)上传图像时,该图像以原始大小返回,而不是小尺寸。是否有选项可以调整已上传的图像,例如队列中的第一个和第二个图像?我认为这有一个clientOption但我找不到任何东西。帮帮我们!

图片示例:issue image preview

小部件配置:

<?= dosamigosfileuploadFileUploadUI::widget([
    'model' => $model,
    'attribute' => 'image',
    'url' => ['site/image-upload'],
    'fieldOptions' => [
        'accept' => 'image/*'
    ],
    'clientOptions' => [
        'maxFileSize' => 2000000,
    ],
    'clientEvents' => [
        'fileuploaddone' => 'function(e, data) {
                    console.log(e);
                    console.log(data);
                }',
        'fileuploadfail' => 'function(e, data) {
                    console.log(e);
                    console.log(data);
                }',
    ],
]); ?>
答案

你应该在控制器上传到你的服务器后做到这一点! (actionUpload)

以上是关于jQuery文件上传调整大小上传的图像的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 上传会以一定的分辨率调整图像大小

在上传之前调整图像文件的大小;我们可以覆盖临时文件并上传吗?

可以在上传之前在 html 表单上调整图像(客户端)的大小吗?

html HTML5 FileReader + canvas调整器,用于在使用jquery上传图像之前调整大小和预览。

jQuery 调整大小(拖放)和裁剪

如何使用 ImageField 模型调整使用 Django 上传的图像文件的大小? [关闭]