jQWidgets jqxFileUpload cancelTemplate 属性

cancelTemplate 是 jQWidgets jqxFileUpload 插件中的一个属性，它用于为取消上传按钮定义自定义的 HTML 模板。

语法

$('#jqxFileUpload').jqxFileUpload({
    width: '300px',
    uploadUrl: 'upload.php',
    cancelTemplate: 'custom cancel button HTML template',
});

参数

cancelTemplate 接受一个 HTML 模板字符串参数，用于定义自定义的取消上传按钮样式和行为。

示例

使用默认模板

$('#jqxFileUpload').jqxFileUpload({
    width: '300px',
    uploadUrl: 'upload.php',
    // 使用默认模板
    cancelTemplate: 'Cancel',
});

自定义模板

$('#jqxFileUpload').jqxFileUpload({
    width: '300px',
    uploadUrl: 'upload.php',
    // 自定义模板
    cancelTemplate: '<button class="my-cancel-button">Cancel Upload</button>',
});

注意事项

• cancelTemplate 只能用于定义取消上传按钮的样式和行为，不能用于修改其他部分的 HTML 结构或样式。

• cancelTemplate 中可使用的变量列表如下：

  • {fileName}：当前上传的文件名；
  • {fileSize}：当前上传的文件大小；
  • {index}：当前上传文件的索引；
  • {cancelButtonClass}：取消上传按钮的 CSS 类名。

参考文档

• jQWidgets jqxFileUpload cancelTemplate property