淺析Django 接收所有文件,前端展示文件（包括視頻，文件，圖片）ajax請(qǐng)求
如果是后臺(tái)上傳文件:
setting配置：
STATIC_URL = ’/static/’STATICFILES_DIRS = [ os.path.join(BASE_DIR, ’static’), os.path.join(BASE_DIR, 'media'),]# Django用戶上傳的都叫media文件MEDIA_URL = '/media/'# media配置，用戶上傳的文件都默認(rèn)放在這個(gè)文件夾下MEDIA_ROOT = os.path.join(BASE_DIR, 'media')model的配置： img = models.FileField(upload_to='img/',verbose_name='圖片')
接收任何文件的前端代碼：
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title></head><body><form method='post' action='/upload/' enctype='multipart/form-data' target='ifm1'> <input type='file' name='file' /> <input type='button' value='提交' onclick='upload()'/></form><br><br><br><br><div>顯示圖片 <img id='images'></div><br><br><br><br><div>顯示路徑 <a href='http://m.propowerdrill.cn/bcjs/17526.html' id=' rel='external nofollow' imagess'>鏈接</a></div></div><br><br><br><br><div> {# href='http://m.propowerdrill.cn/static/img/TC代碼.txt' rel='external nofollow' #} <a id='up'> 下載文件</a></div><script src='https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js'></script><script> function upload() { var formData = new FormData(); var file = document.getElementById(’file’).files[0]; formData.append('file', file); $.ajax({ url: 'upload/', type: 'post', data: formData, dataType: 'json', cache: false, //上傳文件無需緩存 processData: false,//用于對(duì)data參數(shù)進(jìn)行序列化處理 這里必須false contentType: false, //必須*/ success: function (data) {console.log('22', data);$('#images').attr('src', data.image)$('#imagess').attr('href', data.image) } }); } $('#up').on('click', function () { $.ajax({ url: 'http://127.0.0.1:8000/down/', type: 'get', data: {}, success: function (data) {var $a = $(’<a></a>’);$a.attr('href', 'http://127.0.0.1:8000/down/');$('body').append($a);$a[0].click();$a.remove(); } }) });</script></body></html>
增加任何文件的后端接口代碼：
from rest_framework.views import APIViewfrom django.shortcuts import render, redirect, HttpResponsefrom dal import modelsfrom django.http import JsonResponseclass ImageShow(APIView): def post(self, request): name = str(request.data.get('name')) message = {} img_url = '/static/img/{}'.format(name) obj = models.Car.objects.filter(img_url=img_url).first() if obj : message[’code’] = 200 message[’message’] = img_url # 返還路徑 return JsonResponse(message)
下載文件后端：
from django.utils.http import urlquotefrom rest_framework.views import APIViewfrom django.shortcuts import render, redirect, HttpResponsefrom dal import modelsfrom django.http import JsonResponse, FileResponse, StreamingHttpResponseclass fileShow(APIView): def get(self, request): message = {} file = open(’media/img/TC代碼.txt’,’rb’) # 字符串替換成文件 print('file',file.name) # file_names = file.name.split(’/’)[-1] # print('file_names',file_names) response = FileResponse(file) response[’Content-Type’] = ’application/octet-stream’ response[’Content-Disposition’] = 'attachment;filename={}'.format(urlquote('TC代碼.txt')) # 字符串替換成下載文件 print(response) return response
總結(jié)
到此這篇關(guān)于Django 接收所有文件 前端展示文件（包括視頻，文件，圖片）ajax請(qǐng)求的文章就介紹到這了,更多相關(guān)django 接收所有文件內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)！
網(wǎng)公網(wǎng)安備