Contoh Sederhana Upload File Image Django JQuery

Subscribe dengan Account Google untuk mendapatkan News Letter terbaru dari Halovina !
Contoh Sederhana Upload File Image Django JQuery
Heartbeat Terbaru Sepeda Motor Listrik

Heartbeat Terbaru Sepeda Motor Listrik

Beban maksimal:200KG - Ban vakum tahan ledakan 14inci - Sangat mudah untuk dikendarai di lereng curam 30° - Motor berkecepatan tinggi dengan daya tinggi - Motor listrik 350w - Teknologi kedap suara - Keranjang baja karbon tinggi dengan penutup mencekah barang jatuh - Kecepatan:35KM/H - Jarak tempuh:60KM

Free Klik Disini !

Proses upload data biasanya menggunakan FORM yang di submit dengan tipe POST, cara ini tentunya mudah untuk di lakukan karena tidak memerlukan proses pengiriman data melalaui Ajax.

Misal kita punya sebuah form input :

<form action="" method="POST" enctype="multipart/form-data">
{% csrf_token %}
<input type="file" name="filetest" id="filetest">
<input type="button" value="save" onclick="doUpload()">
</form>

Form input yang sudah kita buat, datanya akan dikirimkan ke backend melalui JQuery POST.

function doUpload(){
filetest = $('#filetest')[0].files[0]
formData = new FormData();
formData.append('filetest', filetest);

$.ajax({
url : "/xxx/upload-test",
type: "POST",
data: formData,
contentType : false,
processData : false,
headers: {
'X-CSRFToken': document.getElementsByName('csrfmiddlewaretoken')[0].value
},
success: function(data){
console.log(data.message);
}
});
}

Setelah membuat kode sederhana dengan JQuery, buat juga fungsi di python untuk menerima file image yang dikirm ke backend.

import json
from from django.http import HttpResponse
def doUpload(request):
response = {}
if request.POST:
testfile = request.FILES.get('testfile')
#todo action .......
response = {
'message':'success'
}
return HttpResponse(json.dumps(response), content_type="application/json")

Baca artikel lainya :