-2

最近我一直在花时间让优秀的上传者从事一个开发项目。我让它使用一些自定义拖放排序和其他选项(例如删除)集成到精细上传器中的 fileTemplate 选项中。

我想要实现的是,当用户编辑包含这些图像的数据时,这些图像已被预加载,就像上传图像时一样。如此精细的上传显示,就像所有图像上传后一样。

但是我找不到任何文档或帮助。我最初的构想是输出 fileTemplate 代码的副本

<div id="fine-uploader"></div>

分区。但是,当初始化精细上传时,它会删除代码。我不需要精细上传器初始化预加载的代码。只要我能让订单正常工作。

当然,这一定是一种方法吗?有人知道吗?我能想到的唯一方法是在初始化好的上传后使用时髦的 JS。但我不是 100% 相信这将是一个顺利的过程。

4

3 回答 3

1

只需将 HTML 插入精细的上传程序 ul 列表元素即可达到预期的效果。只需通过基本的jquery。IE

$('ul', $('#fine-uploader')).html(preload);

这个 HTML 是优秀的上传成功 UI html 的克隆。我不得不重新编写额外的脚本来处理我添加的一些额外功能,但考虑到它最终是最小的。所有删除,拖放重新排序都可以正常工作。在多个浏览器中测试,尚未发现任何问题。不是我喜欢编码的优雅方式,但到目前为止工作得很好。

于 2013-08-26T20:56:11.337 回答
0

您的问题似乎超出了 Fine Uploader 所做和提供的范围。Fine Uploader 是一个简单的工具,可以帮助开发人员在他们的网站上有效地进行高效的文件上传。从这个意义上说,Fine Uploader 遵循了KISS 原则。文件上传后,Fine Uploader 根本不关心你对它们做了什么,事实上,它对你的文件几乎没有权力。

根据我对您的问题的理解,您希望在用户离开并返回页面时再次呈现成功上传的文件。

我不知道您用于 Web 应用程序的堆栈或您想要的要求,所以这可能有点含糊,但您需要弄清楚如何保存您的“状态” Web应用程序。有很多方法可以解决这个问题。也许在每次成功上传时,您都会将 URL 保存到本地存储、cookie 或远程数据库中的文件中。您必须实现一些代码来检索这些记录,然后从存储它们的服务器获取它们,然后将它们显示在页面上。

无论您以哪种方式切片,都需要做一些工作。我的答案可能至少可以分为 3 个独立的问题(取决于您对 Web 技术的理解)。同样,在不知道您正在使用什么技术的情况下,很难诊断并提供详细的解决方案。

于 2013-08-23T18:11:05.967 回答
0

马克的回答很好地涵盖了这一点,但我会稍微扩展他在这里所说的内容。

Shane,Fine Uploader 是一个为现有 Web 应用程序提供跨浏览器文件上传支持的工具。它不是一个盒子里的交钥匙网络应用程序。也不应该。跨浏览器上传文件以及所有相关功能的问题已经足够复杂了。您的要求与上传文件无关。它超出了任何跨浏览器文件上传工具的范围。这些是我根据对您的要求的理解而做出的陈述,由于您没有提供太多细节,因此很难理解。

上传文件并关闭页面/组件后,Fine Uploader 的工作就完成了。如果您想为您的用户提供一种编辑现有文件的方法,您当然应该这样做,但您不应该期望上传库来帮助您。Fine Uploader 不是一个通用的 UI 工具,也不是一个允许跨浏览器文件上传以及所有密切相关功能的库。也没有其他上传库会充当通用 UI 工具。如果您的应用程序设计依赖于上传工具来负责生成 UI 的随机部分并支持与上传无关的功能,那么我强烈建议您重新评估 Web 应用程序的设计。

Fine Uploader 的默认 UI 非常基础,只为向用户传播文件上传状态和处理密切相关的任务而设计。将此(或任何)上传库视为锤子。它非常擅长敲钉子。你似乎想用同样的工具敲钉子和锯木头。我想我们可以把它当作锤子,在它的侧面添加一个锯齿状的平淡无奇的东西,但这会使在敲钉子和锯木头时使用工具变得不那么有效和尴尬。用锤子敲钉子,用锯子锯木头。

最后,我有点担心或困惑,您显然修改了fileTemplate将“其他选项(例如删除)”添加到库中的选项。我不确定您是否知道删除文件已经是本机集成到库中的功能。我不确定您是否使用的是旧版本的库,是否只是在文档中错过了这一点,或者我是否误解了您。

于 2013-08-25T15:12:57.347 回答