js本地图片剪裁后和表单一起提交到服务器,剪裁后图片为base64编码字符串,或者Blob二进制对象

公司有这样一个需求:
1、用js上传一个对象信息,对象包含名称,价格,图片等;
2、上传图片的时候需要先剪裁图片,然后和其他信息一起上传;
3、图片不能单独上传,只能从本地剪裁好后一起上传。
描述:
我现在已经在本地将图片剪裁好了,但是图片是一个base64编码的图片,直接将这个上传会出现问题,因为base64字符串太长,所以我将base64转为blob类型。

问题:
1、我可以直接上传这个blob吗?
2、如果可以,那服务器是不是可以解析这个blob?
3、如果我想的解决方案不能解决,那有没有什么更好的解决方案?
先谢谢各位,因为我是写iOS的,结果公司要我写网页,真的蛋疼...

1个回答

base64不是好好的,转来干嘛。你要存为图片服务器端可以讲base64转为2进制然后存图片文件就行

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Base64在提交到后台后,后台无法解析
因在Base64提交到后台的时候,Base64中的+会因编码问题变成空格 可用str.replace("+", “%2B”); 解决
JavaScript——图片base64编码转化成blob对象
function convertImgDataToBlob(base64Data) { var format = "image/jpeg"; var base64 = base64Data; var code = window.atob(base64.split(",")[1]);
Base64编码的图片字符串转化成图片对象
手机端应用从服务端获取图片信息时,在服务端可以把图片通过Base64编码成字符串传给手机端应用。手机端收到Base64编码的字符串信息后,如何转化成图片呢?android2.2开始提供了Base64的编解码工具,将Base64编码的图片字符串转成图片: public static Bitmap getBitmap(String imgBase64Str){ try { ...
js将图片转成base64,将base64转成blob和二进制
将图片转成base64的编码格式: function convertImgToBase64(url, callback, outputFormat){ var canvas = document.createElement('CANVAS'), ctx = canvas.getContext('2d'), img = new Image(); img.crossOrigin = ...
js将图片转为base64编码 && js将base64编码图片转为Blob格式
将图片转为base64编码格式function convertImgToBase64(url, callback, outputFormat){ var canvas = document.createElement('CANVAS'), ctx = canvas.getContext('2d'), img = new Image(); img.crossOrigin = '
base64 位编码 转图片后放入 FormData 使用 ajax 提交到 后端
图片 base64 编码 转 blob // 图片 base64 url 转 blob function dataURLtoBlob(dataurl) { var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = b...
复杂字符串通过base64编码后的数据传输
1.首先创建Base64对象: //先创建Base64对象 var Base64 = { _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", encode: function(e) { ...
将图片进行Base64编码后传输
NULL 博文链接:https://eric-gao.iteye.com/blog/1705795
急……如何从把base64编码后的字符串转换成图片
我要把一个图片通过webservice发布出去,我觉得应该是:图片 -> 二进制 -> 字符串 -> 调用webserivce接口 -> 字符串 -> 二进制 -> 图片 这么个过程, 现在webservice之前是别人提供的,我接到字符串怎么也没法变成了图片了……rn有人赐教不胜感激涕零rn谢谢先
本地提交到Bitbucket
第一次提交项目cd /path/to/my/repo git remote add origin git@bitbucket.org:053/xiaoqiao.git //具体项目具体分析 git push -u origin --all # pushes up the repo and its refs for the first time 从现在起,只要本地作了提交,就可以通过命令:
js编码和解码base64字符串
项目使用websocket,从服务端返回的是base64字符串,从js发送给服务端也必须是base64字符串,具体实现如下图:    
图片base64编码字符串的截取
请看如下的一份字符串: data:image/gif;base64,R0lGODlhHAAmAKIHAKqqqsvLy0hISObm5vf394uLiwAAAP///yH5B…EoqQqJKAIBaQOVKHAXr3t7txgBjboSvB8EpLoFZywOAo3LFE.... 现在我们需要是base64,后面的字符串: 截取方法: 1. 先使用js中的 indexof 方...
base64编码图片数据存储服务器
base64编码图片数据存储服务器 如果直接提交base64编码图片数据,过大的话后台会出现转发错误问题。 我在刚开始接触base64编码图片数据时,就是把base64编码图片数据传到后台来解码生成图片。导致生成的图片无法打开,后来才发现其实传到后台的base64编码根本就不完整,导致解码出现问题,无法显示图片。所以,base64编码只能在前端处理。 后来查阅资料,看见一个不错的解决方式就是
JS 图片转Base64编码
不多说直接上代码:function getBase64Image(path, callBack, type) { var canvas = document.createElement("canvas"); var ctx = canvas.getContext("2d"); var img = new Image(); img.src = path; //图片
base64编码显示为图片
以下是一个base64编码的图片信息: rnrn/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2MBERISGBUYLxoaL2NCOEJjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY//AABEIADIAMgMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AJ9Z1G8i1e5SO6mRFbAVXIA4oAqDVL//AJ/J/wDvs0AI2qX/APz+z/8Afw0ARNq2of8AP7cf9/DQBE2sakOl/cf9/DQBC2s6mP8AmIXP/f00Aen27FreMkkkqCfyoA4HXjjW7v8A3/6CgBdK0q41QS/Z3jXy8Z3kjrn0B9KALsnhS/WNmMtudoJwGbP/AKDQBzrGgCFzQBA5oA9etv8Aj1h/3B/KgDz7xA2Ndu/9/wDoKANrwSS0V+BycJ/7NQBkTaNq0MLyyW7qiKWY7xwB170ATW+j219oEt5aySm6hB3xkgjjk44z06UAQXuk29joEN3cySi7n5jiBAAHXJ4z0/mKAOdc0wPYbX/j1h/3F/lSA858RtjX7z/f/oKANvwM37nUSOoCfyagDAl1vUZY2jkvJWRgQyluCD2oA2PCG+zgvdTncpaIm0j++Rzx9On40AJ43geZbXU4XMlq6BR6LnkH8f6UAca7UwPZbX/j1h/3F/lSA8z8TNjxDej/AG/6CmBBYaveaasq2k3liXAf5Qc4zjqPc0AUi9AFqXV7yTTlsGmH2VMEIFUe/JAyaAE/tu/XTTp/ng2pBGxkU989SM9aQGU70Ae12v8Ax6w/7i/yoA8w8UK//CR3uEYjf2HsKYGXtk/55v8AkaAArJ/zzb8jQAwrJ/zzf8jQBGySn/lm/wD3yaQDfJlP/LN/++TQB7Zag/ZYeP4F/lQA9o0LElFJ9xQAvlR/880/75FAB5Uf/PNP++RQAeVH/wA80/75FAB5Uf8AzzT/AL5FMA8qP/nmn/fIoAcBxSA//9k= rnrnrn如何在asp.net中显示在页面??????rn注意:不能写在磁盘后读取,谢谢。
js动态生成的表单怎么提交到数据库
如题在后台用了hidden和cookies都获取不到前面的值rnrn[code=html]rn<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="ContractSystem.WebUI.WebForm3" %>rnrnrnrnrnrn rn rn rn rn rnrnrn rn rn rn rn rn rn rnrn 上级安排 rn 的工作 rn rn rn rn rn rn rnrn rn <%-- 上级安排工作 --%>rn rn 序号rn rn 用时rn 工作内容rn 完成进度/结果rn 存在问题 rn 备注 rn rn rn rn rn 1rn rn rn rn rn rn rn rn rn rnrn rn rnrn rn rn rn rnrn 本部门 rn 工作 rn rn rn rn rn rn rnrn rn rn rn 序号rn rn 用时rn 工作内容rn 完成进度/结果rn 存在问题 rn 备注 rn rn rn[/code]
js手札--图片的Base64编码
一、Base64编码 在聊图片编码之前,先来说说Base64编码,其实这一块已经有很多例子了。 Base64编码么,其实就是一个招待好6爷,伺候好8爷的过程 Base64是把字符串转为二进制,然后末尾补零,使总长度能除尽24 24这个太上皇怎么来的:是6爷与8爷的公倍数 6爷怎么来的: Base64是一个对照表,有64个符号,大小写字...
git克隆到本地及提交到服务器
$ git clone &amp;lt;在此处添加存储库地址以及.git&amp;gt;(克隆/复制从该存储库到本地机器的所有内容)$ git add &amp;lt;filename.extension&amp;gt;(这会添加要在服务器上更改的文件)$ git commit(这会将您的更改提交给存储库并附带解释消息)$ git push origin master(这会最终将所有更改发送到服务器,这是更改服务器上存储库代码的...
cvs本地根目录文件夹提交到服务器
cvs本地根目录文件夹提交到服务器,使用操作!
急。对base64编码后的字符串进行base64解码
我在看联通的协议文档,他举了一个列子rnrn联通文档有这个的列子 rn密钥的base64编码是: rn27jrWz2sxrVbR+pnyg6jWHhgNk4sZo46 rnDECODE后密钥是: rnkey=-37,-72,-21,91,61,-84,-58,-75,91,71,-22,103,-54,14,-93,88,120,96,54,78,44,102,-114,58; rnrnrn就是对那个密钥进行base64解码。。但是我解码以后发现和他不一样啊,c#里面有convert.frombase64string,解出来都是正数啊。 rnrn到底怎么解rn
关于Base64编码和二进制编码
我要序列化一个对象在网络上传输,大家说用BinaryFormatter进行序列化后直接传输还是再经过base64编码好一点?长度会不会变短一点?
图片为base64编码怎么保存oracle的blob字段
我现在有图片为编译好的base64编码.rnrn只需要这种转换.rnrn就是把这个图片为base64编码的字符串插到oracle的blob字段中rnrn而且到pl/sql点击这个blob字段要能看到图片.rnrn大家帮帮忙.rnrn最好给个示例.rnrn感激不尽.
判断base64加密后的字符串是否是图片
http://www.astro.keele.ac.uk/oldusers/rno/Computing/File_magic.html http://en.wikipedia.org/wiki/List_of_file_signatures Image files File type Typical extension Hex digits xx = v...
BASE64编码转换成二进制
能adodb.stream把BASE64编码转成二进制吗?rn谢谢大家帮忙!
提取逗号后的base64编码
$image = $allimage['image'];//base64编码 $image_base64= explode(',', $image); $image_base64=$image_base64[1];//逗号后的base64编码  
base64编码后去掉换行符
https://wandejun1012.iteye.com/blog/2145118 将base64生成的字符串里面的\r\n替换成""即可。 s = s.replaceAll("\r\n", ""); 或者以下也可以 https://blog.csdn.net/wsjzzcbq/article/details/82869193 ...
asp图片剪裁程序,Jquery剪裁图片
asp剪裁图片,Jquery剪裁图片 PhotoUrl 请填写图片的绝对跟路径,当然,你也可以改动程序,只传递图片名称,然后拼接路径,总之,最后传给程序处理的图片地址一定要正确 该示例取自科讯cms7.0,本人稍加修改,更符合实际应用。当然还有不足之处,大家共同研究。
python图片剪裁(图片按四个点坐标剪裁)
用了两种方法保存图片,opencv和Image,实践证明opencv非常快 from PIL import Image import os import cv2 import time import matplotlib.pyplot as plt def label2picture(cropImg,framenum,tracker): pathnew ="E:\\img2\\" ...
Android对象与Base64为字符串
在Android开发中有时候我们会遇到要求存储一个对象或者是传输,这里讲解一个将对象转成Base64的字符串ByteArrayOutputStream bos = new ByteArrayOutputStream(); try { ObjectOutputStream oos = new ObjectOutputStream(bos); oos.writeObject(**Obje
git提交到服务器
1.首先配置自己的账户信息 git config --global user.name "your_username" git config --global user.email your_email@domain.com 2.与svn不同的,在本地修改完源文件后,需要先使用git add添加指定的文件到本地仓库,不过执行完git add之后还没有实际提交到本地仓库,只是放在了
drupal6登录后表单信息提交到哪个文件?
drupal6登陆之后,用户名和信息所在的表单提交到哪个文件里面
js为字符串编码
js 提供了两组函数来进行字符串的编码与解码:escape()与unescape(), decodeURI()与encodeURI(); JavaScript escape() 函数 定义和用法 escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。 语法 escape(string) 参数 描述
如何把base64编码的图片转化成二进制
xml文件有文本和图片,二进制不能以xml格式传递。 rn 所以先把二进制转成BASE64,然后以xml传递。 rn 接收到xml取出BASE64再转化成二进制,生成图片就行了。 rn rn 现在就是想知道怎么把BASE64转成二进制。
Base64编码字符串的图片信息,转换成图片
以下是一个base64编码的图片信息: rnrn/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2MBERISGBUYLxoaL2NCOEJjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY//AABEIADIAMgMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AJ9Z1G8i1e5SO6mRFbAVXIA4oAqDVL//AJ/J/wDvs0AI2qX/APz+z/8Afw0ARNq2of8AP7cf9/DQBE2sakOl/cf9/DQBC2s6mP8AmIXP/f00Aen27FreMkkkqCfyoA4HXjjW7v8A3/6CgBdK0q41QS/Z3jXy8Z3kjrn0B9KALsnhS/WNmMtudoJwGbP/AKDQBzrGgCFzQBA5oA9etv8Aj1h/3B/KgDz7xA2Ndu/9/wDoKANrwSS0V+BycJ/7NQBkTaNq0MLyyW7qiKWY7xwB170ATW+j219oEt5aySm6hB3xkgjjk44z06UAQXuk29joEN3cySi7n5jiBAAHXJ4z0/mKAOdc0wPYbX/j1h/3F/lSA858RtjX7z/f/oKANvwM37nUSOoCfyagDAl1vUZY2jkvJWRgQyluCD2oA2PCG+zgvdTncpaIm0j++Rzx9On40AJ43geZbXU4XMlq6BR6LnkH8f6UAca7UwPZbX/j1h/3F/lSA8z8TNjxDej/AG/6CmBBYaveaasq2k3liXAf5Qc4zjqPc0AUi9AFqXV7yTTlsGmH2VMEIFUe/JAyaAE/tu/XTTp/ng2pBGxkU989SM9aQGU70Ae12v8Ax6w/7i/yoA8w8UK//CR3uEYjf2HsKYGXtk/55v8AkaAArJ/zzb8jQAwrJ/zzf8jQBGySn/lm/wD3yaQDfJlP/LN/++TQB7Zag/ZYeP4F/lQA9o0LElFJ9xQAvlR/880/75FAB5Uf/PNP++RQAeVH/wA80/75FAB5Uf8AzzT/AL5FMA8qP/nmn/fIoAcBxSA//9k= rnrn—————————————————————————————————————————— rn在jsp中如何取得图片
图片提交到服务器的路径问题
在网页上想用java的io流把图片上传到服务器上,我是在本地机器上运行的,所以输出流的地址写了个项目下相对路径,如果是用远程计算机上传,这个路径是不是不行啊
将base64编码转成图片存到本地
网上的转换方式基本都是下面这种,但我转换后就是损坏。 BASE64Decoder decoder = new BASE64Decoder(); //Base64解码 byte[] b = decoder.decodeBuffer(imgfnPhoto); for (int i = 0; i &amp;lt; b.length; ++i) { if (b[i] &amp;lt; 0) {// ...
本地git提交到远程仓库
1、设置全局变量name、email git config --global user.name &quot;Your Name&quot; git config --global user.email &quot;email@example.com&quot; 2、生成公钥 ssh-keygen -t rsa -C &quot;94*****@qq.com&quot; 3、在github设置页选择SSH and GPG keys 选择New SSH ...
C#中图片转换为Base64编码,Base64编码转换为图片
#region 图片转为base64编码的字符串 public string ImgToBase64String(string Imagefilename) { try { Bitmap bmp = new Bitmap(Imagefilename); MemoryStream ms = new MemoryStream(); bmp.Save(ms, System.Drawing.Imagi...
python base64编码的图片保存到本地
import os import base64 sss ="""/9j/4AAQSkZJRgABAQEASABIAAD//gAyUHJvY2Vzc2VkIEJ5IGVCYXkgd2l0aCBJbWFnZU1hZ2ljaywgejEuMS4wLiB8fEIy/9sAQwAGBAUGBQQGBgUGBwcGCAoQCgoJCQoUDg8MEBcUGBgXFBYWGh0lHxobIxwWFiAsICMm
本地项目提交到SVN
在本地建立一个项目后想提交到SVN上,右键项目 --> Tearm --> Share Project... --> SVN --> next -- > (因为我repository location下有这个SVN的url,所以我直接选择的Use existing repository location) --> next  --> finish,最后 右键项目commit就可以了。
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法