通过 jquery 更改数据-url

Question

我正在尝试使用 jquery 更改文件上传使用的 data-url 属性。但它似乎没有用。文件上传取旧值。

$('#fileupload').attr('data-url', "https://api.mysite.com/optimizeonly");

HTML

<input id="fileupload" class="fileupload" type="file" name="file[]" data-url="https://api.mysite.com/upload" multiple="">`

片段：

$('#fileupload').attr('data-url', "https://api.mysite.com/optimizeonly");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="fileupload" class="fileupload" type="file" name="file[]" data-url="https://api.mysite.com/upload" multiple="">

编辑：1

我正在使用 jquery 文件上传模块，虽然从标签中可以看出这一点。完整代码可从现场演示中获得（只需检查元素）

Answer 1

输入的data-url属性是read by the plugin when initializing。之后不会自动读取。您是否尝试过如下更新 URL？

var fu = $('#fileupload');
fu.fileupload('option', 'url', fu.data('url'));

当然，这将在使用

更新元素的 data-url 属性后完成

fu.data('url', 'new-url-you-want-here');

我认为你可以完全跳过更新属性，只更改插件的选项。

fu.fileupload('option', 'url', 'new-url-you-want-here');

Answer 2

可以读取数据-url属性并修改

    var fu = $('#mainplayer');
    fu[0].dataset.url = "Hello";
    console.log(fu[0].dataset.url);

通过 jquery 更改数据-url

Change data-url via jquery

javascript

jquery

blueimp

jquery-file-upload