ajax以base64上传图片到django

一、前端代码（将图片转换为base64）

$('#input').change(function(event) {function loadImg(){//获取文件var file = $("#input")[0].files[0];//创建读取文件的对象var reader = new FileReader();//创建文件读取相关的变量// var imgFile;//为文件读取成功设置事件reader.οnlοad=function(e) {imgFile = e.target.result;};//正式读取文件
        reader.readAsDataURL(file);}loadImg();
});

二、django代码

1、接收到前端传来的base64后需要做一些处理

这个是请求中携带的base64图片，这样的base64放在前端可以直接使用，但是python中不可以

我们需要将data:image/jpeg;base64,这段删除掉，可以直接使用split(',')

2、去掉不需要的部分后，使用base64解编码

import base64
data = base64.b64decode(b64_data)

解码后可以保存在本地

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

当然，也可以上传到存储服务器

我是用的是网易云的对象存储，所以直接把二进制丢给上传文件函数处理

转载于:https://www.cnblogs.com/wangqj1996/p/10193030.html

ajax以base64上传图片到django相关推荐

webapi实现AJAX多文件上传,AJAX调用webapi上传图片或文件
AJAX调用webapi上传图片或文件,并返回刚上传的文件名.废话不多说直接贴代码吧 html相关:html> Title function doUpload() { var formData ...
html上传图片，django获取前台上传的图片
1.在项目的配置中添加, MEDIA_ROOT = ''# 文件的路径,空为当前项目下的直接路径,也可以使用绝对路径,保存到电脑上的某一个目录 MEDIA_URL='/'# 项目的url 2.html ...
Ajax简单异步上传图片并回显
前台代码上传图片按钮 <a href="javascript:void(0)" onclick="uploadPhoto()">选择图片</ ...
js之base64上传图片
首先要搭建好springmvc,详见https://www.cnblogs.com/zzb-yp/p/9295397.html 整体思路:前端代码包括显示和传参(这里的参数主要就是图片的base64字 ...
ajax post form上传图片,ajax怎样提交form表单与实现文件上传
这次给大家带来ajax怎样提交form表单与实现文件上传,ajax提交form表单与实现文件上传的注意事项有哪些,下面就是实战案例,一起来看一下. 前几天,发现了一些小问题.我在写后台管理页面时,需要 ...
python django异步访问_初试Ajax异步请求（基于Django框架）
概要: Ajax异步请求数据之前就听朋友提起过,但是之前一直没有什么机会使用这个技术,就没有去了解,后面在做网站评论这一功能时,为了使用户评论之后不用刷新网页就能够看到刚刚评论的数据,所以决定使用Aj ...
ajax提交不能获取数据,django无法收到ajax的请求数据
问题描述本想做一个表单验证来熟悉一下ajax的功能,但是跟着教程敲一样的代码,自己的django却没法接收到页面ajax发送的数据,接收到的全是none,一步步调试过,也发现不了问题,后来自己另起一 ...
html 图片上传跨域,html5 ajax 跨域上传图片
html: js: // 读取地址 function readURL(input, tmpimg) { if (input.files && input.files[0]) { var ...
java base64上传图片|接口读取图片，springboot配置映射读取资源
1.上传图片 public static String uploadImg(String baseImg,String basePath,String fileSavePath,HttpServlet ...
php图片上传怎么跨域,ajax跨域上传图片（后端php）完整例子
1.html内容: 上传截图: 成功文件: 2.js代码: function uploadImage(){ //获取图片 var file = $('#uploadFile')[0].files[0] ...

ajax以base64上传图片到django

ajax以base64上传图片到django相关推荐

最新文章

热门文章