点击按钮 jquery 对CDN文件路径下载并改名

在jQuery中，你可以使用`$.ajax()`函数结合HTML的a标签`download`属性来实现点击按钮下载CDN文件，并在服务器端对文件名进行修改。首先，确保你已经在HTML中有一个按钮，例如：

<button id="downloadButton">点击下载</button>

然后，在JavaScript中编写如下的jQuery代码：

$(document).ready(function() {
    $('#downloadButton').click(function(e) {
        e.preventDefault(); // 阻止默认行为，防止页面跳转

        // 指定需要下载的CDN文件URL
        var url = 'https://cdn.example.com/file.ext';

        // 新的文件名
        var newName = 'newFileName.ext'; 

        $.ajax({
            url: url,
            type: 'GET',
            xhrFields: { responseType: 'blob' }, // 获取Blob对象以便下载
            success: function(xhr) {
                // 创建新的a标签，设置href和download属性
                var a = document.createElement('a');
                a.href = URL.createObjectURL(xhr.response);
                a.download = newName;

                // 触发点击事件模拟实际下载操作
                a.click();
                // 或者直接清除URL对象
                URL.revokeObjectURL(a.href);
            },
            error: function(error) {
                console.error('Error downloading file:', error);
            }
        });
    });
});

在这个例子中，当用户点击“点击下载”按钮时，会从指定的CDN下载文件，并自动将其重命名为`newFileName.ext`。注意，如果服务器支持`Content-Disposition`头的自定义，你也可以通过这个头来自定义下载时的文件名。