简体繁体 English

如何从HTML输入字段旋转jpeg文件并将其另存为base64字符串

[英]How to rotate a jpeg file from HTML input field and save it as a base64 string

原文 2018-05-27 09:33:40 3 1 javascript/ angular/ typescript

I am using angular and taking in a HTML image file and i need to rotate the image based on the EXIF data which i have access to. 我正在使用角度图像并接收一个HTML图像文件，我需要根据我可以访问的EXIF数据旋转图像。 I am currently just saving it as a base 64 string but i need to rotate it CLIENT SIDE. 我目前只是将其另存为基数为64的字符串，但是我需要旋转CLIENT SIDE。

1 个解决方案

These are the steps you should follow: 这些是您应该遵循的步骤：

first get the image from input 首先从输入获取图像
then write the image on Canvas 然后将图像写在画布上
rotate the canvas 旋转画布
export the image 导出图像

you can also see my working example of this here: rotate image 您还可以在这里看到我的工作示例：旋转图像
do not forget to run this in a server(ex: serve module ) for canvas security concerns 出于画布安全性考虑，不要忘记在服务器（例如： serve模块）中运行它

hope it help. 希望对您有所帮助。

保存和上传数据：image/jpeg;base64 字符串作为 jpg 文件说它太大 - save and upload data:image/jpeg;base64 string as a jpg file saying its too big

JavaScript：将 base64 字符串保存为文件 - JavaScript: save base64 string as file

从输入type：file获取字符串Base64？ - Get string Base64 from input type:file?

将 PDF 文件从 base64 字符串显示为 HTML - Showing PDF file into HTML from a base64 string

如何旋转base64图像并将其保存为角度2或以上？ - How to rotate base64 image and save it in angular 2 or above?

如何将 Base64 字符串转换为 javascript 文件 object 就像从文件输入表单一样？ - How to convert Base64 String to javascript file object like as from file input form?

jpeg的有效base64字符串 - Valid base64 string for a jpeg

从HTML创建base64字符串 - Create base64 string from HTML

从base64字符串生成文件 - Generating a File from a base64 string

如何从任何 Base64 字符串创建 PDF 文件？ - How to create a PDF file from any Base64 string?

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 保存和上传数据：image/jpeg;base64 字符串作为 jpg 文件说它太大 - save and upload data:image/jpeg;base64 string as a jpg file saying its too big JavaScript：将 base64 字符串保存为文件 - JavaScript: save base64 string as file 从输入type：file获取字符串Base64？ - Get string Base64 from input type:file? 将 PDF 文件从 base64 字符串显示为 HTML - Showing PDF file into HTML from a base64 string 如何旋转base64图像并将其保存为角度2或以上？ - How to rotate base64 image and save it in angular 2 or above? 如何将 Base64 字符串转换为 javascript 文件 object 就像从文件输入表单一样？ - How to convert Base64 String to javascript file object like as from file input form? jpeg的有效base64字符串 - Valid base64 string for a jpeg 从HTML创建base64字符串 - Create base64 string from HTML 从base64字符串生成文件 - Generating a File from a base64 string 如何从任何 Base64 字符串创建 PDF 文件？ - How to create a PDF file from any Base64 string?

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM