Question

我上传了一个文件，并得到了文件的名称..但我想要做的就是能够创建一个图像标签，其中src是文件，我无法弄清楚如何做到这一点..

这是代码..

$（ '＃细载-newvisit'）。fineUploader（{ 请求：{ 端点：'/ S3File / UploadFile' }，验证：{ allowedExtensions：['jpeg'，'jpg'，'gif'，'png'] }

}).on('complete', function (event, id, name, responseJSON) {

    if (responseJSON.success) {

        viewModel.CurrentUser.PhotoFile(responseJSON.S3FileName);

        //http://s3.amazonaws.com/my-bucket/my-prefix/jpgs/sample.jpg
        document.write("<img src=http://s3.amazonaws.com/[myacesskeyhere]/S3File/UploadFile/" + responseJSON.S3FileName + ">");

    }

});

responseJSON.S3FileName包含amazon成功生成的文件的名称，但我的test document.write显示了一个断开的链接。我显然没有正确生成网址。我尝试了没有访问密钥，我尝试添加一个桶名称..我只是无法解决它

Answer 1

首先，不要使用document.write向您的网页添加HTML。有很多方法可以正确执行此操作，例如在静态标记中包含<img>并调整src属性，或通过document.createElement创建元素并将元素添加到DOM。

如果要显示S3存储桶中的img，您有两种选择：

将对象/存储桶公开
使用S3 SDK和密钥为对象服务器端生成签名URL。

后一个例子是detailed in Fine Uploader's example S3 PHP server。

FineUploader - 如何获取上传文件的网址？

1 个答案: