js模拟a标签下载，修改下载文件名称，jq上传文件

下载

var a = document.createElement("a");
a.href = "http://XXX.com/2123123123123.exe";
a.download ="test.exe";
a.click();
1
2
3
4

download属性不生效情况：

1. 跨域下载。
2. 在服务器设置了下载文件名的文件头后不生效header("Content-Disposition: attachment; filename=123.txt");

上传

let file_input = $("<input type='file'>");
file_input.click(); // 触发上传选择文件
file_input.on("change", function() { // 文件选择后触发
    let file = file_input[0].files[0]
    file = file_input.get(0).files[0]; // 第二种方式
    let formData = new FormData();
    formData.append('file', file);
    let index = layer.load();
    $.ajax({
        url: "http://...",
        type: 'POST',
        cache: false,
        data: formData,
        processData: false, // 是否转换为查询字符串
        contentType: false, // 内容编码类型
        dataType: "json", // 预期服务器返回的数据类型
        success: function (data) {
        },
        error: function (XmlHttpRequest, textStatus, errorThrown) {
        },
        complete: function () {
        }
    });
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24