<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.