javascript - 使用 KenoUI 上传文件 : provide URL via data- attribute

Question

我们有很多类似的文件上传，但它们都上传到具有不同参数的不同网址。我正在尝试最大限度地减少 MVC4 应用程序中随机 javascript 的数量。所以我想通过html中的数据参数向kendo上传元素提供一个保存url:

<input name="file" type="file" class="single-file-upload" data-saveurl="/some/path?entryId=2&productId=33" />

网址在每个实例中都会不同。有时我们甚至在表中上传，并且 url 会因参数而不同(即，productId 会不同)。

然后在 javascript 中我尝试这样做:

<script>
    $(document).ready(function () {
        $(".single-file-upload").kendoUpload({
            multiple: false,
            async: {
                saveUrl: $(this).data('saveurl'),
                autoupload: false
            }
        });
    });
</script>

但这似乎不起作用:$(this).data('saveurl')数据参数没有被拾取..或者更确切地说 $(this) 不是我想要的，因此 data 属性为空，给出空白 saveUrl 属性。

Andy 知道如何访问应用了 kendoUpload 的对象吗？或者在 html 元素上指定通用 url 的其他方法？

附:在写这篇文章时，注意到这可以通过 MVVM 来完成。 ，但是对于一个简单的事情来说它有太多的黑魔法，这对于同一页面上的许多(50-100)上传是否有效？

Answer 1

您可以手动迭代，以便 this 是您要在其上创建小部件的 DOM 元素:

$(document).ready(function () {
    $(".single-file-upload").each(function () {
        $(this).kendoUpload({
            multiple: false,
            async: {
                saveUrl: $(this).data('saveurl'),
                autoUpload: false
            }
        });
    });
});