파일 업로드 후 리턴 객체 (blueimp)

boingboing·2022년 9월 19일
0
<input id="fileupload" accept=".fa, .fq, .fastq, .fasta" type="file" name="files" multiple data-url="{% url 'main:upload_file' %}">

input html을 통해 파일 업로드 한 후,

해당 input element에 file upload event를 검.


$("#fileupload").fileupload({
  formData: {"csrfmiddlewaretoken": "{{ csrf_token }}" },
  dataType: "json",
  add: function(e, data) { /* 파일 추가 시 발생하는 event */
      
var jqXHR = data.submit();

console.log(jqXHR);
jqXHR.success(function (result, textStatus, jqXHR) {console.log("success"); })
  .complete(function (result, textStatus, jqXHR) {
  console.log("complete");
  console.log(result);
  console.log(textStatus);
  console.log(jqXHR);
});

jqXHR object :
The submit method of the data argument given to the add callback returns a jqXHR object, that allows to bind callbacks to the ajax file upload request.

0개의 댓글