jQuery.Ajax로 파일 다운로드
파일 다운로드를 위해 서버 측에 Struts2 조치가 있습니다.
<action name="download" class="com.xxx.DownAction">
<result name="success" type="stream">
<param name="contentType">text/plain</param>
<param name="inputName">imageStream</param>
<param name="contentDisposition">attachment;filename={fileName}</param>
<param name="bufferSize">1024</param>
</result>
</action>
그러나 jQuery를 사용하여 액션을 호출하면 :
$.post(
"/download.action",{
para1:value1,
para2:value2
....
},function(data){
console.info(data);
}
);
Firebug에서 바이너리 스트림으로 데이터가 검색되는 것을 볼 수 있습니다. 사용자가 파일을 로컬로 저장할 수 있는 파일 다운로드 창 을 여는 방법이 궁금합니다 .
2019 최신 브라우저 업데이트
이것은 몇 가지주의 사항으로 권장되는 접근법입니다.
- 비교적 현대적인 브라우저가 필요합니다
- 파일이 매우 클 것으로 예상되는 경우 아래 작업 중 일부는 다운로드중인 파일 및 / 또는 기타 흥미로운 CPU만큼 큰 시스템 메모리를 소비 할 수 있으므로 원래 방법 (iframe 및 쿠키)과 비슷한 작업을 수행해야합니다. 부작용.
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(resp => resp.blob())
.then(blob => {
const url = window.URL.createObjectURL(blob);
const a = document.createElement('a');
a.style.display = 'none';
a.href = url;
// the filename you want
a.download = 'todo-1.json';
document.body.appendChild(a);
a.click();
window.URL.revokeObjectURL(url);
alert('your file has downloaded!'); // or you know, something with better UX...
})
.catch(() => alert('oh no!'));2012 독자적인 jQuery / iframe / 쿠키 기반 접근
Bluish 는 이것에 대해 완전히 맞습니다. JavaScript는 파일을 사용자의 컴퓨터에 직접 저장할 수 없기 때문에 Ajax를 통해 할 수 없습니다 (보안상의 문제가 없음). 불행히도 파일 다운로드시 기본 창의 URL을 가리키는 것은 파일 다운로드 발생시 사용자 경험을 거의 제어 할 수 없음을 의미합니다.
더 나은 사용자 경험을 제공하기 위해 OnSuccess 및 OnFailure 콜백으로 완료된 파일 다운로드로 "Ajax like"환경을 허용하는 jQuery File Download 를 작성했습니다 . 플러그인이 해결하는 일반적인 문제와 플러그인 사용 방법 및 jQuery 파일 다운로드 데모 데모 에 대한 내 블로그 게시물 을 살펴보십시오 . 여기 소스가 있습니다
다음은 약속과 함께 플러그인 소스 를 사용하는 간단한 유스 케이스 데모 입니다. 데모 페이지 뿐만 아니라 많은 다른, '더 나은 UX'의 예를 포함한다.
$.fileDownload('some/file.pdf')
.done(function () { alert('File download a success!'); })
.fail(function () { alert('File download failed!'); });
지원해야하는 브라우저에 따라 https://github.com/eligrey/FileSaver.js/ 를 사용하여 IFRAME 방법 인 jQuery File Download가 사용하는 것보다 더 명시 적으로 제어 할 수 있습니다.
아무도 @Pekka의 솔루션을 게시하지 않았으므로 게시하겠습니다. 누군가를 도울 수 있습니다.
Ajax를 통해이를 수행 할 필요는 없습니다. 그냥 사용
window.location="download.action?para1=value1...."
HTML5로 할 수 있습니다
NB : 반환 된 파일 데이터는 JSON 인코딩 이진 데이터를 사용할 수 없으므로 base64로 인코딩해야합니다.
내 AJAX대답에는 다음과 같은 데이터 구조가 있습니다.
{
result: 'OK',
download: {
mimetype: string(mimetype in the form 'major/minor'),
filename: string(the name of the file to download),
data: base64(the binary data as base64 to download)
}
}
즉, AJAX를 통해 파일을 저장하기 위해 다음을 수행 할 수 있습니다.
var a = document.createElement('a');
if (window.URL && window.Blob && ('download' in a) && window.atob) {
// Do it the HTML5 compliant way
var blob = base64ToBlob(result.download.data, result.download.mimetype);
var url = window.URL.createObjectURL(blob);
a.href = url;
a.download = result.download.filename;
a.click();
window.URL.revokeObjectURL(url);
}
base64ToBlob 함수는 여기 에서 가져 왔으며이 함수 를 준수하여 사용해야합니다.
function base64ToBlob(base64, mimetype, slicesize) {
if (!window.atob || !window.Uint8Array) {
// The current browser doesn't have the atob function. Cannot continue
return null;
}
mimetype = mimetype || '';
slicesize = slicesize || 512;
var bytechars = atob(base64);
var bytearrays = [];
for (var offset = 0; offset < bytechars.length; offset += slicesize) {
var slice = bytechars.slice(offset, offset + slicesize);
var bytenums = new Array(slice.length);
for (var i = 0; i < slice.length; i++) {
bytenums[i] = slice.charCodeAt(i);
}
var bytearray = new Uint8Array(bytenums);
bytearrays[bytearrays.length] = bytearray;
}
return new Blob(bytearrays, {type: mimetype});
};
서버가 저장할 파일 데이터를 덤프하는 경우에 좋습니다. 그러나 HTML4 대체 방법을 구현하는 방법을 잘 찾지 못했습니다.
1. 프레임 워크에 무관 : 서블릿 다운로드 파일을 첨부 파일로
<!-- with JS -->
<a href="javascript:window.location='downloadServlet?param1=value1'">
download
</a>
<!-- without JS -->
<a href="downloadServlet?param1=value1" >download</a>
2. Struts2 프레임 워크 : 첨부 파일로 활동 다운로드 파일
<!-- with JS -->
<a href="javascript:window.location='downloadAction.action?param1=value1'">
download
</a>
<!-- without JS -->
<a href="downloadAction.action?param1=value1" >download</a>
<s:a>태그로 생성 된 URL 을 OGNL 로 가리키는 태그 를 사용하는 것이 좋습니다 .<s:url>
<!-- without JS, with Struts tags: THE RIGHT WAY -->
<s:url action="downloadAction.action" var="url">
<s:param name="param1">value1</s:param>
</s:ulr>
<s:a href="%{url}" >download</s:a>
위의 경우에, 당신이 필요 작성하는 내용 - 처리 받는 헤더를 응답 파일에 필요한 다운로드 (할 것을 지정 attachment) 및 브라우저가 열리지 않습니다 ( inline). 당신이 필요로 지정하는 내용 유형을 너무, 당신은 (도움말을 실제 진행 막대 그리기 브라우저를) 파일 이름과 길이를 추가 할 수 있습니다.
예를 들어 ZIP을 다운로드 할 때 :
response.setContentType("application/zip");
response.addHeader("Content-Disposition",
"attachment; filename=\"name of my file.zip\"");
response.setHeader("Content-Length", myFile.length()); // or myByte[].length...
Struts2를 사용하면 ( 예를 들어 Action을 서블릿으로 사용 하지 않고 직접 스트리밍 을위한 핵 을 사용 하지 않는 한) 응답에 직접 아무것도 쓸 필요가 없습니다. 단순히 사용하여 스트림 결과 유형을 작동하고 struts.xml에서 그것을 구성 : 예를
<result name="success" type="stream">
<param name="contentType">application/zip</param>
<param name="contentDisposition">attachment;filename="${fileName}"</param>
<param name="contentLength">${fileLength}</param>
</result>
3. 프레임 워크에 구애받지 않음 (/ Struts2 프레임 워크) : 브라우저 내에서 Servlet (/ Action) 파일 열기
파일을 다운로드하는 대신 브라우저 내에서 파일을 열려면 Content-disposition 을 inline 으로 설정해야 하지만 대상은 현재 창 위치가 될 수 없습니다. 자바 스크립트로 만든 새 창 <iframe>, 페이지에서 또는 "토론 된"target = "_ blank"로 즉석에서 만든 새 창을 타겟팅해야합니다 .
<!-- From a parent page into an IFrame without javascript -->
<a href="downloadServlet?param1=value1" target="iFrameName">
download
</a>
<!-- In a new window without javascript -->
<a href="downloadServlet?param1=value1" target="_blank">
download
</a>
<!-- In a new window with javascript -->
<a href="javascript:window.open('downloadServlet?param1=value1');" >
download
</a>
해결 방법 솔루션으로 거의 기능을 만들지 않았습니다 (@JohnCulviner 플러그인에서 영감을 얻음).
// creates iframe and form in it with hidden field,
// then submit form with provided data
// url - form url
// data - data to form field
// input_name - form hidden input name
function ajax_download(url, data, input_name) {
var $iframe,
iframe_doc,
iframe_html;
if (($iframe = $('#download_iframe')).length === 0) {
$iframe = $("<iframe id='download_iframe'" +
" style='display: none' src='about:blank'></iframe>"
).appendTo("body");
}
iframe_doc = $iframe[0].contentWindow || $iframe[0].contentDocument;
if (iframe_doc.document) {
iframe_doc = iframe_doc.document;
}
iframe_html = "<html><head></head><body><form method='POST' action='" +
url +"'>" +
"<input type=hidden name='" + input_name + "' value='" +
JSON.stringify(data) +"'/></form>" +
"</body></html>";
iframe_doc.open();
iframe_doc.write(iframe_html);
$(iframe_doc).find('form').submit();
}
클릭 이벤트가있는 데모 :
$('#someid').on('click', function() {
ajax_download('/download.action', {'para1': 1, 'para2': 2}, 'dataname');
});
브라우저에서 파일을 다운로드하는 간단한 방법은 다음과 같이 요청하는 것입니다.
function downloadFile(urlToSend) {
var req = new XMLHttpRequest();
req.open("GET", urlToSend, true);
req.responseType = "blob";
req.onload = function (event) {
var blob = req.response;
var fileName = req.getResponseHeader("fileName") //if you have the fileName header available
var link=document.createElement('a');
link.href=window.URL.createObjectURL(blob);
link.download=fileName;
link.click();
};
req.send();
}
브라우저 다운로드 팝업이 열립니다.
좋아, ndpu의 코드를 바탕으로 ajax_download의 개선 된 버전이라고 생각합니다.
function ajax_download(url, data) {
var $iframe,
iframe_doc,
iframe_html;
if (($iframe = $('#download_iframe')).length === 0) {
$iframe = $("<iframe id='download_iframe'" +
" style='display: none' src='about:blank'></iframe>"
).appendTo("body");
}
iframe_doc = $iframe[0].contentWindow || $iframe[0].contentDocument;
if (iframe_doc.document) {
iframe_doc = iframe_doc.document;
}
iframe_html = "<html><head></head><body><form method='POST' action='" +
url +"'>"
Object.keys(data).forEach(function(key){
iframe_html += "<input type='hidden' name='"+key+"' value='"+data[key]+"'>";
});
iframe_html +="</form></body></html>";
iframe_doc.open();
iframe_doc.write(iframe_html);
$(iframe_doc).find('form').submit();
}
이것을 이렇게 사용하십시오;-
$('#someid').on('click', function() {
ajax_download('/download.action', {'para1': 1, 'para2': 2});
});
매개 변수는 이전 예제에 따라 json 인코딩 문자열이 아닌 입력에서 오는 것처럼 적절한 사후 매개 변수로 전송됩니다.
주의 사항 : 해당 양식에 가변 주입 가능성에주의하십시오. 해당 변수를 인코딩하는 더 안전한 방법이있을 수 있습니다. 또는 탈출을 고려하십시오.
나는 같은 문제에 직면하여 성공적으로 해결했습니다. 내 유스 케이스는 이것입니다.
" JSON 데이터를 서버에 게시하고 Excel 파일을받습니다.이 Excel 파일은 서버에 의해 작성되어 클라이언트에 대한 응답으로 리턴됩니다. 브라우저에서 사용자 정의 이름을 가진 파일로 해당 응답을 다운로드하십시오. "
$("#my-button").on("click", function(){
// Data to post
data = {
ids: [1, 2, 3, 4, 5]
};
// Use XMLHttpRequest instead of Jquery $ajax
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
var a;
if (xhttp.readyState === 4 && xhttp.status === 200) {
// Trick for making downloadable link
a = document.createElement('a');
a.href = window.URL.createObjectURL(xhttp.response);
// Give filename you wish to download
a.download = "test-file.xls";
a.style.display = 'none';
document.body.appendChild(a);
a.click();
}
};
// Post data to URL which handles post request
xhttp.open("POST", excelDownloadUrl);
xhttp.setRequestHeader("Content-Type", "application/json");
// You should set responseType as blob for binary responses
xhttp.responseType = 'blob';
xhttp.send(JSON.stringify(data));
});
위의 스 니펫은 다음과 같습니다.
- XMLHttpRequest를 사용하여 서버에 배열을 JSON으로 게시
- 콘텐츠를 Blob (바이너리)으로 가져온 후 다운로드 가능한 URL을 만들어 보이지 않는 "a"링크에 첨부 한 다음 클릭합니다. 나는 여기에 POST 요청을했다. 대신 간단한 GET도 가능합니다. Ajax를 통해 파일을 다운로드 할 수 없으며 XMLHttpRequest를 사용해야합니다.
여기서는 서버 측에서 몇 가지 사항을 신중하게 설정해야합니다. Python Django HttpResponse에서 헤더를 거의 설정하지 않았습니다. 다른 프로그래밍 언어를 사용하는 경우 적절하게 설정해야합니다.
# In python django code
response = HttpResponse(file_content, content_type="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet")
여기에 xls (excel)를 다운로드했기 때문에 contentType을 1 이상으로 조정했습니다. 파일 형식에 따라 설정해야합니다. 이 기술을 사용하여 모든 종류의 파일을 다운로드 할 수 있습니다.
여기 내가 한 일, 순수한 자바 스크립트와 HTML이 있습니다. 테스트하지는 않았지만 모든 브라우저에서 작동합니다.
자바 스크립트 기능
var iframe = document.createElement('iframe');
iframe.id = "IFRAMEID";
iframe.style.display = 'none';
document.body.appendChild(iframe);
iframe.src = 'SERVERURL'+'?' + $.param($scope.filtro);
iframe.addEventListener("load", function () {
console.log("FILE LOAD DONE.. Download should start now");
});
모든 브라우저에서 지원되는 구성 요소 만 사용하면 추가 라이브러리가 없습니다.
다음은 서버 측 JAVA Spring 컨트롤러 코드입니다.
@RequestMapping(value = "/rootto/my/xlsx", method = RequestMethod.GET)
public void downloadExcelFile(@RequestParam(value = "param1", required = false) String param1,
HttpServletRequest request, HttpServletResponse response)
throws ParseException {
Workbook wb = service.getWorkbook(param1);
if (wb != null) {
try {
String fileName = "myfile_" + sdf.format(new Date());
response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
response.setHeader("Content-disposition", "attachment; filename=\"" + fileName + ".xlsx\"");
wb.write(response.getOutputStream());
response.getOutputStream().close();
} catch (IOException e) {
e.printStackTrace();
}
}
}
function downloadURI(uri, name)
{
var link = document.createElement("a");
link.download = name;
link.href = uri;
link.click();
}
파일을 다운로드하기 위해 위의 답변에 몇 가지 추가
아래는 바이트 배열을 생성하는 Java 스프링 코드입니다.
@RequestMapping(value = "/downloadReport", method = { RequestMethod.POST })
public ResponseEntity<byte[]> downloadReport(
@RequestBody final SomeObejct obj, HttpServletResponse response) throws Exception {
OutputStream out = new ByteArrayOutputStream();
// write something to output stream
HttpHeaders respHeaders = new HttpHeaders();
respHeaders.setContentType(MediaType.APPLICATION_OCTET_STREAM);
respHeaders.add("X-File-Name", name);
ByteArrayOutputStream bos = (ByteArrayOutputStream) out;
return new ResponseEntity<byte[]>(bos.toByteArray(), respHeaders, HttpStatus.CREATED);
}
이제 FileSaver.js를 사용하는 자바 스크립트 코드에서 아래 코드가있는 파일을 다운로드 할 수 있습니다
var json=angular.toJson("somejsobject");
var url=apiEndPoint+'some url';
var xhr = new XMLHttpRequest();
//headers('X-File-Name')
xhr.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 201) {
var res = this.response;
var fileName=this.getResponseHeader('X-File-Name');
var data = new Blob([res]);
saveAs(data, fileName); //this from FileSaver.js
}
}
xhr.open('POST', url);
xhr.setRequestHeader('Authorization','Bearer ' + token);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.responseType = 'arraybuffer';
xhr.send(json);
위의 파일을 다운로드합니다
Rails에서는 다음과 같이합니다.
function download_file(file_id) {
let url = '/files/' + file_id + '/download_file';
$.ajax({
type: 'GET',
url: url,
processData: false,
success: function (data) {
window.location = url;
},
error: function (xhr) {
console.log(' Error: >>>> ' + JSON.stringify(xhr));
}
});
}
트릭은 window.location 부분입니다. 컨트롤러의 방법은 다음과 같습니다.
# GET /files/{:id}/download_file/
def download_file
send_file(@file.file,
:disposition => 'attachment',
:url_based_filename => false)
end
여기 MVC를 사용할 때 작동 코드가 있으며 컨트롤러에서 파일을 가져옵니다.
바이트 배열을 선언하고 채운다 고 가정하면 File 함수 (System.Web.Mvc 사용)를 사용하면됩니다.
byte[] bytes = .... insert your bytes in the array
return File(bytes, System.Net.Mime.MediaTypeNames.Application.Octet, "nameoffile.exe");
그런 다음 동일한 컨트롤러에서 그 두 가지 기능을 추가하십시오.
protected override void OnResultExecuting(ResultExecutingContext context)
{
CheckAndHandleFileResult(context);
base.OnResultExecuting(context);
}
private const string FILE_DOWNLOAD_COOKIE_NAME = "fileDownload";
/// <summary>
/// If the current response is a FileResult (an MVC base class for files) then write a
/// cookie to inform jquery.fileDownload that a successful file download has occured
/// </summary>
/// <param name="context"></param>
private void CheckAndHandleFileResult(ResultExecutingContext context)
{
if (context.Result is FileResult)
//jquery.fileDownload uses this cookie to determine that a file download has completed successfully
Response.SetCookie(new HttpCookie(FILE_DOWNLOAD_COOKIE_NAME, "true") { Path = "/" });
else
//ensure that the cookie is removed in case someone did a file download without using jquery.fileDownload
if (Request.Cookies[FILE_DOWNLOAD_COOKIE_NAME] != null)
Response.Cookies[FILE_DOWNLOAD_COOKIE_NAME].Expires = DateTime.Now.AddYears(-1);
}
그런 다음 컨트롤러를 호출하여 "성공"또는 "실패"콜백을 다운로드하여받을 수 있습니다.
$.fileDownload(mvcUrl('name of the controller'), {
httpMethod: 'POST',
successCallback: function (url) {
//insert success code
},
failCallback: function (html, url) {
//insert fail code
}
});
jQuery File Download를 사용하려면 IE에 대해이 점에 유의하십시오. 응답을 재설정해야합니다. 그렇지 않으면 다운로드되지 않습니다
//The IE will only work if you reset response
getServletResponse().reset();
//The jquery.fileDownload needs a cookie be set
getServletResponse().setHeader("Set-Cookie", "fileDownload=true; path=/");
//Do the reset of your action create InputStream and return
당신의 행동은 ServletResponseAware접근을 구현할 수 있습니다getServletResponse()
실제로 ajax를 사용하지 않는 동안 자바 스크립트 호출을 사용하여 다운로드를 요청한 다음 다운로드가 실제로 시작될 때 콜백을 얻을 수있는 수정 사항을 발견했습니다. 링크가 파일을 보내기 전에 파일을 작성하는 데 약간의 시간이 걸리는 서버 측 스크립트를 실행하는 경우 유용합니다. 처리 중임을 알리고 파일을 마지막으로 보내면 처리 알림을 제거합니다. 그렇기 때문에 파일을 요청할 때 이벤트가 발생하고 실제로 다운로드가 시작될 때 이벤트가 발생할 수 있도록 ajax를 통해 파일을로드하려고했습니다.
첫 페이지의 js
function expdone()
{
document.getElementById('exportdiv').style.display='none';
}
function expgo()
{
document.getElementById('exportdiv').style.display='block';
document.getElementById('exportif').src='test2.php?arguments=data';
}
iframe
<div id="exportdiv" style="display:none;">
<img src="loader.gif"><br><h1>Generating Report</h1>
<iframe id="exportif" src="" style="width: 1px;height: 1px; border:0px;"></iframe>
</div>
그런 다음 다른 파일 :
<!DOCTYPE html>
<html>
<head>
<script>
function expdone()
{
window.parent.expdone();
}
</script>
</head>
<body>
<iframe id="exportif" src="<?php echo "http://10.192.37.211/npdtracker/exportthismonth.php?arguments=".$_GET["arguments"]; ?>"></iframe>
<script>document.getElementById('exportif').onload= expdone;</script>
</body></html>
js를 사용하여 데이터 가져 오기를 읽는 방법이 있으므로 PHP가 필요하지 않습니다. 그러나 나는 그것을 손으로 알지 못하고 내가 사용하는 서버는 PHP를 지원하므로 이것이 나를 위해 작동합니다. 누군가를 도울 수 있도록 공유하겠다고 생각했습니다.
Ajax 호출을 통해 할 수 없다는 것이 확실합니다.
그러나 해결 방법이 있습니다.
단계 :
파일을 다운로드하기 위해 form.submit ()을 사용하는 경우 수행 할 수있는 작업은 다음과 같습니다.
- 클라이언트에서 서버로의 Ajax 호출을 작성하고 파일 스트림을 세션 내에 저장하십시오.
- 서버에서 "성공"이 리턴되면 form.submit ()을 호출하여 세션에 저장된 파일 스트림을 스트리밍하십시오.
form.submit ()을 만든 후 파일을 다운로드해야하는지 여부를 결정하려는 경우에 유용합니다. 예 : form.submit ()에 서버 측에서 예외가 발생하는 경우가있을 수 있습니다. 충돌이 발생하면 클라이언트 측에 사용자 정의 메시지를 표시해야 할 수도 있습니다. 이러한 경우이 구현이 도움이 될 수 있습니다.
https://developer.mozilla.org/en-US/docs/Web/API/Window/open 사용window.open
예를 들어이 코드 줄을 클릭 처리기에 넣을 수 있습니다.
window.open('/file.txt', '_blank');
'_blank'window-name 때문에 새 탭이 열리고 해당 탭에서 URL이 열립니다.
서버 측 코드에는 다음과 같은 내용이 있어야합니다.
res.set('Content-Disposition', 'attachment; filename=file.txt');
그런 식으로 브라우저는 파일을 표시하는 대신 파일을 디스크에 저장하라는 메시지를 표시해야합니다. 또한 방금 연 탭을 자동으로 닫습니다.
ajax로 웹 페이지를 다운로드하는 또 다른 솔루션이 있습니다. 그러나 먼저 처리하고 다운로드 해야하는 페이지를 언급하고 있습니다.
먼저 페이지 처리와 결과 다운로드를 분리해야합니다.
1) 페이지 계산 만 아약스 호출에서 이루어집니다.
$ .post ( "CalculusPage.php", {calculusFunction : true, ID : 29, data1 : "a", data2 : "b"},
기능 (데이터, 상태)
{
if (상태 == "성공")
{
/ * 2) 답변에서 이전 계산을 사용하는 페이지가 다운로드됩니다. 예를 들어, 이것은 ajax 호출에서 계산 된 테이블의 결과를 인쇄하는 페이지 일 수 있습니다. * /
window.location.href = DownloadPage.php + "? ID ="+ 29;
}
}
);
// 예를 들어 CalculusPage.php에서
if (! empty ($ _ POST [ "calculusFunction"]))
{
$ ID = $ _POST [ "ID"];
$ query = "ExamplePage에 삽입 (data1, data2) 값 ( '". $ _ POST [ "data1"]. "', '". $ _ POST [ "data2"]. "') WHERE id =". $ ID;
...
}
// 예 : DownloadPage.php에서
$ ID = $ _GET [ "ID"];
$ sede = "SELECT * FROM ExamplePage에서 id =". $ ID;
...
$ filename = "Export_Data.xls";
header ( "Content-Type : application / vnd.ms-excel");
header ( "콘텐츠-처리 : 인라인; 파일 이름 = $ 파일 이름");
...
이 솔루션이 저와 마찬가지로 많은 사람들에게 유용 할 수 있기를 바랍니다.
나는 오랫동안이 문제로 어려움을 겪었습니다. 마지막으로 여기에 제안 된 우아한 외부 라이브러리가 도움이되었습니다.
참고 URL : https://stackoverflow.com/questions/4545311/download-a-file-by-jquery-ajax
'Programing' 카테고리의 다른 글
| pip를 사용하여 Python 패키지를 다른 디렉토리에 설치 하시겠습니까? (0) | 2020.02.25 |
|---|---|
| Android View의 상단과 하단에 테두리를 추가하는 쉬운 방법이 있습니까? (0) | 2020.02.25 |
| 리눅스 명령 줄에서 여러 파일의 문자열을 바꾸는 방법 (0) | 2020.02.25 |
| 가장 가까운 문자열 일치 (0) | 2020.02.25 |
| 필요한 경우 npm 확인 및 패키지 업데이트 (0) | 2020.02.25 |