Question

我刚刚搜索了一个javascript上传器，它也支持将文件发布到Amazon S3，我今天刚刚找到了Fine Uploader。我尽可能多地阅读这些文件并搜索了这个网站，但我认为没有具体的内容。

作为wiki和Markdown的用户（它无处不在，在这里，在github上，在我们的内部ERP数据库中等等），我希望能够轻松地复制粘贴“语法完整”字符串，文件已上传，因为这样可以更轻松地创建文档。

我设想的工作流程 -

在本地制作截图
将屏幕截图或其他文件拖到页面上的Fine Uploader上传区域
会话中的文件将上传并显示在结果列表中，顶部有一个按钮，允许用户将一个或多个文件的markdown语法复制到剪贴板。

然后我可以将结果粘贴到我想要的任何文本区域中。类似的东西：

![This is image 1](http://mys3_url.tdl/path/to/this_is_image_1.png)
![This is image 2](http://mys3_url.tdl/path/to/this_is_image_2.png)
[Link to a PDF](http://mys3_url.tdl/path/to/this_is_my_pdf_1.pdf))

对于奖励积分，我想在左侧添加一个代表非图像文件类型的图标。类似的东西：

![](http://url.tdl/path/to/icon.png)[Link to a PDF](http://mys3_url.tdl/path/to/this_is_my_pdf_1.pdf))

我想有一种方法可以做到这一点，粗略地看一下Events和API方法。但是你会非常友好地指出我感兴趣的事件或API方法吗？

请指教。如果这是错误的地方，如果需要在你的github发布，我会这样做。请告诉我。

感谢您的帮助。
亲切的问候里克

Answer 1

听起来您只是在寻找一种方法来轻松检索每个上传文件的S3中的URL。这可以通过让您的服务器在对upload success POST request sent by Fine Uploader的响应中返回文件的URL来完成。 Fine Uploader会将响应（假设为JSON）返回给onComplete event handler。

例如，假设您的服务器对上传成功POST返回以下响应：{"url": "http://mys3_url.tdl/path/to/this_is_image_1.png"}。您可以在onComplete事件处理程序中访问此响应，如下所示：

var uploader = new qq.s3.FineUploader({
    ...
    callbacks: {
        onComplete: function(id, name, responseJSON) {
            var urlOfFile = responseJSON.url;
            ...
        }
    }

});

此时，您可以随意使用这些网址。

用于上传文件的Markdown语法的上传后剪贴板粘贴 - 在Fine Uploader中

1 个答案: