如何用laravel保存裁剪的头像

Question

因此，我的网站（使用laravel 5构建）允许用户上传图像，裁剪它（使用croppie.js），但这就是问题 - 我得到的裁剪图像基于64个数据URI而且我不喜欢＃39;知道如何上传它。

我的试验： 1.最初我使用表单发布它 - 但现在我得到了base64 URI，我无法将其放在表单中的某个<input>元素中，如下所示：

＆＃13;

＆＃13;

<form.....>

	<div class="actions"> 
	    <button class="file-btn"> 
	        <div>Upload</div>
	        <input name="original" type="file" id="upload"/> 
	    </button> 
	    <div class="crop"> 
	        <div id="upload-demo"></div> 
	    </div> 
	    <div id="result"></div> 
	</div>
	<input id="image" type="hidden" name="image"> 

</form>

＆＃13;

＆＃13;

＆＃13;

如果我可以将生成的base64 URI绑定到隐藏的输入，那将是完美的！但我无法做到......

1. 我可以将base64发布到控制器 - 那么什么？我应该只将非常长的字符串存储在数据库中，还是在服务器端生成图像，然后存储在服务器中？

似乎第一种方法更容易，但我已经谷歌搜索了4个小时，没有得到答案......

Answer 1

• 裁剪图片，生成base64 uri
• 将base64 uri发布到laravel端点
• 在服务器端解码base64 uri并存储图像

这应该有助于解码部分：

Convert Base64 string to an image file?