ajax以base64上傳圖片到django

1、前端代碼（將圖片轉換爲base64）

$('#input').change(function(event) { function loadImg(){ //獲取文件
            var file = $("#input")[0].files[0]; //建立讀取文件的對象
            var reader = new FileReader(); //建立文件讀取相關的變量
            // var imgFile;
            //爲文件讀取成功設置事件
            reader.onload=function(e) { imgFile = e.target.result; }; //正式讀取文件
 reader.readAsDataURL(file); } loadImg(); });

2、django代碼

一、接收到前端傳來的base64後須要作一些處理

這個是請求中攜帶的base64圖片，這樣的base64放在前端能夠直接使用，可是python中不能夠

咱們須要將data:image/jpeg;base64,這段刪除掉，能夠直接使用split(',')

二、去掉不須要的部分後，使用base64解編碼

import base64 data = base64.b64decode(b64_data)

解碼後能夠保存在本地

with open('test.jpeg', 'wb') as f: f.write(data)

固然，也能夠上傳到存儲服務器

我是用的是網易雲的對象存儲，因此直接把二進制丟給上傳文件函數處理