绝对 href 和 src url 使用 BlueImp jQuery fileupload 附加请求 uri

Question

使用 fileupload 插件，我成功地将图像上传到我的服务器。

通常我会得到一个亲戚 url 回来，然后使用 blueimps 模板引擎像这样显示（整个模板如下所示）：<img src="{%=file.thumbnailUrl%}">.

但是现在在成功上传后我将它发送到我的 Cloudinary CDN 并保存一个绝对 URL。如果我的模板尝试像这样打印 {%=file.thumbnailUrl%} 我会得到类似 https://res.cloudinary.com/myaccount/image/upload/c_fit,w_80,h_80/601/fjb36qly9uwulapgnk6d.jpg 的东西，这很好但是如果我在 img [=16] 中打印 exact 相同的东西=] 或 href 它由 /mytestmap/ 附加。我已经为此奋斗了几个小时。

如何将绝对 url 与 jQuery 文件上传一起使用？

整个javascript模板

<script id="template-download" type="text/x-tmpl">
    {% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-download fade downloadable">
    <td>
    <span class="preview">
    {% if (file.thumbnailUrl) { %}
        <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery>
             <img src="{%=file.thumbnailUrl%}">
        </a>
    {% } %}
    </span>
    </td>
    </tr>
    {% } %}
</script>

Answer 1

我在尝试几件事之前和之后都遇到过这个问题，我找到了解决方案：

你必须更换：

<img src="{%=file.thumbnailUrl%}">

和

<img src='{%=file.thumbnailUrl%}'>

单引号会修复它。我一直不明白为什么，但这对我有用。您必须为每个 url.

使用单引号

绝对 href 和 src url 使用 BlueImp jQuery fileupload 附加请求 uri

Absolute href and src url's are appended with a request uri using BlueImp jQuery fileupload

javascript

jquery

file-upload

blueimp