Cách lấy tên tệp từ bố cục nội dung

Question

Tôi đã tải xuống tệp dưới dạng phản hồi của ajax. Cách lấy tên tệp và loại tệp từ bố cục nội dung và hình thu nhỏ hiển thị cho tệp đó. tôi nhận được nhiều kết quả tìm kiếm nhưng không thể tìm được đúng cách.

$(".download_btn").click(function() { 
       var uiid = $(this).data("id2"); 

       $.ajax({ 
        url: "http://localhost:8080/prj/" + data + "/" + uiid + "/getfile", 
        type: "GET", 
        error: function (jqXHR, textStatus, errorThrown) { 
         console.log(textStatus, errorThrown); 
        }, 
        success: function (response, status, xhr) 
        { 
        var header = xhr.getResponseHeader('Content-Disposition'); 
         console.log(header); 

        } 
       }); 

console đầu ra: inline; filename=demo3.png

Answer 1

Sau đây là cách tôi đã sử dụng nó đôi khi trở lại. Tôi giả sử bạn đang cung cấp tệp đính kèm làm phản hồi của máy chủ.

tôi đặt tiêu đề phản ứng như thế này từ dịch vụ REST của tôi response.setHeader("Content-Disposition", "attachment;filename=XYZ.csv");

function(response, status, xhr){ 
    var filename = ""; 
    var disposition = xhr.getResponseHeader('Content-Disposition'); 
    if (disposition && disposition.indexOf('attachment') !== -1) { 
     var filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/; 
     var matches = filenameRegex.exec(disposition); 
     if (matches != null && matches[1]) { 
      filename = matches[1].replace(/['"]/g, ''); 
     } 
    } 
} 

EDIT: Việc chỉnh sửa câu trả lời cho phù hợp với sử dụng question- bạn của từ inline thay vì attachment

function(response, status, xhr){ 
    var filename = ""; 
    var disposition = xhr.getResponseHeader('Content-Disposition'); 
    if (disposition && disposition.indexOf('inline') !== -1) { 
     var filenameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/; 
     var matches = filenameRegex.exec(disposition); 
     if (matches != null && matches[1]) { 
      filename = matches[1].replace(/['"]/g, ''); 
     } 
    } 
} 

More here