#1055·filepond

[错误] ImageResize 插件无法更改图像预览

作者: jurrin4创建于 2025年8月22日更新于 2025年8月25日
标签bug
  • 这个问题存在吗?

  • 我搜索了现有的问题

您更新了 FilePond 及其插件吗 ?

  • 我已经更新了 FilePond 及其插件

描述错误

我不确定这是错误, 还是我执行不当, 但我想在网格上显示上传文件的预览, 并显示对象的尺寸, 因此两边都没有黑条, 并且它会填满容器 。 目前我看起来是这样的...

<img宽="1108"高="862" alt="Image" src="https://GitHub.com/user-attachments/assets/681deb1c-98eb-4e47-b0c6-3d6f96d75c55"/".

我的代码是最基本的,我可以得到它 所以也许我在做一些根本不正确的事情

<script src="https://unpkg.com/filepond/dist/filepond.js"###/script> (中文(简体) ).
<script src="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.js"==/ spript] (中文(简体) ).
<script src="https://unpkg.com/filepond-plugin-image-resize/dist/filepond-plugin-image-resize.js"==/ script] (中文(简体) ).

<link href="https://unpkg.com/filepond/dist/filepond.css""rel="风格表"".
<link href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.cs="rel="样式表").

< 输入类型="文件" id="fileUpload" >

< style> (英语)
. filepond- 项目{
宽度:钙(50%-0.5em);
{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?
</样式>

脚本 >

文件 Pond.register 普卢金 ()
文件 PondPluginImage 预览,
文件 PondPluginImage 恢复
(三)

Const 池塘 = FilePond.create(document.querySelector ('# fileUpload')), {
允许复数: 真,
允许图像恢复: 真实,
图像响应目标Width: 200, // 目标宽度
图像响应目标高度: 200, // 目标高度
图像回复模式 : “ 覆盖 ” , // 填充容器, 保持宽度比
图像更新缩放: true, // 允许缩放较小的图像
图像预览高度: 200, // 预览容器高度
图像预览窗口: 200 // 宽预览容器
* ;
</script> (简体中文)

我是不是搞错了 还是有虫子?

  • 复制

提供了最小可复制代码

环境

减记

  • 设备:
  • 操作员:
  • 浏览器: