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="">`

段：

＆＃13;

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

＆＃13;

<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="">

＆＃13;

修改：1

我正在使用jquery文件上传模块，虽然这在标签中很明显。整个代码可以从现场演示（只是检查元素）

获得

Answer 1

read时，plugin的data-url属性为initializing。之后不会自动读取。您是否尝试过如下更新网址？

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

可以读取data-url属性并对其进行修改

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

通过jquery更改data-url

2 个答案: