如何使用laravel压缩上传的图像，转换为base64并直接存储在数据库中
使用Laravel压缩上传的图像并将其转换为Base64格式存储在数据库中，可以按照以下步骤进行：
- 首先，确保你已经安装了Laravel框架并配置好数据库连接。
- 在Laravel项目中创建一个新的控制器，例如ImageController，可以使用以下命令创建：
- 在Laravel项目中创建一个新的控制器，例如ImageController，可以使用以下命令创建：
- 在ImageController中创建一个方法来处理图像上传和转换操作，例如storeImage方法：
- 在ImageController中创建一个方法来处理图像上传和转换操作，例如storeImage方法：
- 在路由文件中定义一个路由来调用ImageController中的storeImage方法，例如在web.php文件中添加以下代码：
- 在路由文件中定义一个路由来调用ImageController中的storeImage方法，例如在web.php文件中添加以下代码：
- 在前端页面中创建一个表单来上传图像，并使用JavaScript将图像转换为Base64格式并发送到服务器。以下是一个简单的示例：
- 在前端页面中创建一个表单来上传图像，并使用JavaScript将图像转换为Base64格式并发送到服务器。以下是一个简单的示例：
以上步骤中，我们使用了Laravel的Intervention Image库来进行图像压缩操作，并使用base64_encode函数将压缩后的图像转换为Base64格式。然后，你可以使用适当的方式将Base64格式的图像存储到数据库中，例如使用Eloquent模型或DB门面。
请注意，以上示例仅供参考，你可能需要根据你的具体需求进行适当的修改和调整。
相关·内容
我正在使用firebase数据库来保存我的数据。用户可以上传自己的个人照片作为个人资料图片从画廊。我希望其他用户也能看到照片。我目前将图像路径保存在数据库中，但只有在两个用户共享同一设备时才能正常工作。那么如何将图像保存到数据库中，以便所有使用不同设备用户都可以访问它呢
浏览 3提问于2021-06-30得票数 0
我做了更新上传图片，我遵循的教程在互联网上。这是我的代码：
AcademicClient.class
@Multipart
@POST("/")
Call<ResponseBody> postImage(@Part MultipartBody.Part image, @Part("name")RequestBody name);
MainFeed.class
File file = new File(filePath);
RequestBody reqFile = RequestBody.create(MediaType.parse(
浏览 1提问于2017-09-22得票数 0
回答已采纳
1回答
我正在做一个项目，在这个项目中我需要将图片上传到google云服务。
问题是，在web浏览器中将图像上传到google云服务的步骤是什么，我更喜欢将其直接上传到客户端的google云服务，而不是上传到我的web服务器，然后再上传到google。这似乎需要太多的步骤。
一个小背景是，这将在移动web浏览器中发生。
步骤：
用户将在单击启动其相机的按钮后拍摄照片，用户将单击保存，图像将直接上传到谷歌云服务，该服务将返回该图像的给定id，并将其存储在表中
我已经阅读了google云服务文档，但我发现的信息主要是直接与android/ios存储相关的。我知道你不能使用ajax上传图片，但你可以在ifr
浏览 2提问于2013-09-09得票数 1
2回答
我已经设计了一个网站，用户上传一些图像，我将它们存储在一个folder.but中，其他任何人都可以通过网址访问上传的文件。然而，我想拆分上传图像的头部，并在数据库中插入头部，并将文件的其余部分存储在文件夹中。如何拆分图片头部？如果我将图像转换为二进制数组，如何区分标题部分？
浏览 0提问于2011-10-31得票数 1
2回答
我在页面上有一个图像，例如<img id="img3" runat="server" src="image.jpg" width="200" height="200"/>，我想使用存储过程将src属性引用的图像保存在我的数据库中。
我应该首先将图像转换为二进制。这是我到目前为止所知道的：
Stream fs = FileUpload1.PostedFile.InputStream;
BinaryReader br = new BinaryReader(fs);
Byte[] b
浏览 1提问于2015-09-14得票数 0
我不需要网格框架，因为我的图像文件不会超过16mb。我也不需要像s3这样的文件存储，这是我在大多数项目中使用的。
我对使用bson数据直接将图像存储到mongodb文档感到困惑。说我没有来自客户端的文件，我只有一个像example.com/v1/myImg.jpge这样的图像链接，我应该先做什么？将图像转换为base64，然后将其存储为二进制类型？
浏览 4提问于2016-03-16得票数 2
回答已采纳
2回答
我想使用nodejs将包含图像的对象上传到mongodb数据库，但我无法这样做。
角文件
onSelectedFile(event){
this.edit_image = event.target.files[0];
}
editProfile(e){
const user={
email:this.edit_email,
img:this.edit_image,
}
console.log("To Update");
console.log(user);
this._authService.editProfile(user)
.subscrib
浏览 0提问于2019-04-07得票数 0
回答已采纳
1回答
在过去的几天里，我一直在寻找一种从客户端向Node发送字符串的方法，但没有成功。
目前，我有一个具有12个输入的表单和一个图像裁剪工具()，它可以让用户上传照片、编辑(调整大小、裁剪等)。并保存图像(数据: dataURL /png；base64，iVBORw0KGg...)在一个变量中。表单输入我没有问题，它们在数据库中更新得很好。我在传递包含dataURL的变量时遇到问题。
理想情况下，我希望用户只提交一个表单，该表单将1)使用输入字段更新数据库，2)将画布dataURL传递到节点，解码，在服务器中保存图像，并在MySQL中添加一个条目。或者使用AJAX单独提交裁剪后的照片，而不会删除对输
浏览 0提问于2016-02-03得票数 0
我正在做一个ajax弹出以将图像上传到文件系统中。图像上传过程有以下步骤。
选择文件并将其裁剪到所需的大小。
结果图像以<img>标记src显示为Base64代码。
将Base64转换为Blob以通过ajax发送
这是密码..。
$(document).ready(function(){
$('#btn_save').on('click', function () {
var PaymentStatus = $("#PaymentStatus").val();
浏览 2提问于2016-09-21得票数 1
回答已采纳
我已经从图像中提取了base64字符串，然后对base64 string.Then执行压缩，并使用压缩后的字符串生成二维码。但是当我使用android手机扫描(二维码)结果时，我得到的值类似于17740296，这不是我想要的值。我的目的是在获得扫描值后，将其解压缩，并使用base64中的位图显示图像。我的代码中哪里出了问题。我正在使用java代码来生成二维码。(我也尝试过UTF-8，但不起作用)。此代码适用于字符串，但不适用于图像。
压缩代码是-
public static String compressBD(String str) throws IOException {
if (s
浏览 21提问于2016-08-24得票数 0
1回答
我正在尝试使用Xamarin表单将照片上传到我的数据库中。我有图像了。如何使用HTTP Post将其推送到web服务？
谢谢
浏览 1提问于2014-10-03得票数 0
我应该使用什么来存储数据库以及将文件/图像上传到服务器？使用Nodejs做这件事最好、最简单的方法是什么？
浏览 0提问于2019-08-30得票数 0
我正在建立音乐应用程序，但我不知道如何上传音乐到数据库，任何帮助将不胜感激
浏览 62提问于2021-10-21得票数 1
我正在为一个想要发送大量电子邮件(时事通讯)的组织开发一个应用程序。
我需要创建一个界面，以撰写具有图像嵌入功能的电子邮件。我可以使用TInyMCE。但我不知道该怎么做上传图片和附加在电子邮件中，并适当地发送他们。
我看到MoxieManager了。但是它与rails兼容吗?如果兼容，该如何做呢？
请帮我解决这个问题。
谢谢。
浏览 1提问于2013-06-19得票数 1
2回答
我想提出一个网站，是一个化妆品项目。我想为他们创建产品信息，每个产品都有一个图像，我为他们做了一个URL，我想为他们使用一个ejs。例:对于一个产品的图像，我想写<%= product.img %>，产品图像会显示出来，我不知道如何在MongoDB数据库中放置URL，当我在.ejs文件中输入ejs时，它会显示产品的图像。我在google上搜索了很多，所有这些都是为了让用户在网站上上传一张图片，但是我想在我的数据库中上传一张图片，然后将它与ejs文件一起使用。
浏览 3提问于2022-09-27得票数 0
2回答
我正在开发一个phonegap应用程序，该应用程序的一部分是大约10个图像是base64编码和下载大约每周一次每个用户(100个用户现在，希望增长很多)我的服务器很慢，我也在工作，所以这些图像的交付是缓慢的。我的问题是:在php和服务器方面，生成这些base64图像并将其保存到数据库中一次，然后根据请求从数据库获取图像，还是每次请求图像时都对图像进行base64编码，这样会更快吗？
谢谢你的帮助。
浏览 1提问于2011-09-20得票数 0
回答已采纳
1回答
我从图库中选择图像，转换为Base64并发送到服务器。对于JPEG图像，它工作得很好；我从服务器上的图库上传的图像同样显示在服务器文件夹中。然而，当我从移动相册上传PNG格式的图片时，它在服务器上不会显示相同的内容；相反，它会在图片周围创建黑边。我真的不知道出了什么问题？
参考图像：
JPEG：
PNG：
我只想摆脱黑色边框，这不应该出现为PNG格式的图像。
下面是我的代码片段
FileInputStream mFileInputStream = null;
try {
mFileInputStream = new FileInpu
浏览 0提问于2016-11-10得票数 1
我需要上传图像作为二进制数据并检索这里是我的代码Web
[ResponseType(typeof(tblEmpPicture))]
public IHttpActionResult PosttblEmpPicture(tblEmpPicture tblEmpPicture)
{
if (!ModelState.IsValid)
{
return BadRequest(ModelState);
}
db.tblEmpPicture
浏览 3提问于2018-06-25得票数 1
1回答
哈啦，开发人员的伙伴们！
我使用MERN堆栈制作了这个电子商务应用程序，在该应用程序中，我以管理员身份创建产品，上传图像，将其作为二进制数据保存在数据库中，然后使用以下代码将其显示在商店页面上：
src={`data:image/jpg;base64,${img.data}`}
虽然这在我的PC浏览器中工作得很好，所有的图像都会相应地显示，但当我在移动设备上打开应用程序时，一些图像会显示，一些没有显示，这是没有意义的，因为它们都是JPEG格式，它们的大小大致相同。
在移动设备上使用base64编码的图像时，有没有某种规则，或者它们不能一起工作，如果有办法解决这个问题，我该怎么做？
另外
浏览 0提问于2020-06-16得票数 1
1回答
我知道如何使用multer将文件从客户端上传到我的Express服务器。但是，这只能使用中间件功能来完成。我正在寻找的是一种从Express API的回调中上传文件的方法。我的用例是： 1-客户端上传具有图像URL的CSV文件。 2-我将从给定的URL下载这些图像 3-然后我将在Express API回调中将这些图像上传到MongoDb中 (我正在寻找如何做第三步。) 如下所示： app.post('/uploadtoDB',multer.single('file'),(req,res)=>{
let urls = parseCSV_and_Ge
浏览 19提问于2020-07-22得票数 0
回答已采纳
我刚接触过Laravel 6，并制作了一个简单的博客网站，但是我对如何将图片直接添加到MySQL数据库感到非常困惑。我不接受用户的输入在我的网站，所以我想把图像直接到数据库。请指导我如何实现这一点。提前感谢！
浏览 1提问于2020-05-04得票数 0
回答已采纳
我是android的新手。我想知道如何从数据库中检索存储的图像。没有添加或删除功能。我想从数据库中检索已经存储的图像。请帮我实现这一点。
浏览 1提问于2013-08-27得票数 0
我正在尝试使用Android和Retrofit将位图发布到服务器。
目前我知道如何发布文件，但我更喜欢直接发送位图。
这是因为用户可以从他们的设备上选择任何图像。我想在它被发送到服务器之前调整它的大小以节省带宽，最好不要加载它，调整它的大小，将它作为文件保存到本地存储，然后发布该文件。
有人知道如何从Retrofit上传位图吗？
浏览 1提问于2017-08-23得票数 9
回答已采纳
1回答
我有一个充满数据的数据库，当我检索数据时，图像作为原始数据出现。我知道上传时必须将它们保存在公共目录中，但是，是否有机会显示这些图像，因为它们已经保存在数据库中，而我只想显示它们？
浏览 3提问于2017-04-07得票数 1
回答已采纳
4回答
这是我的第一个问题。
我正在让用户上传他们自己的图像到数据库。该图像被存储为BLOB。
我成功地做到了这一点。我使用MySQL作为数据库。
我遇到问题的一部分是，当它被调用时，在网站上显示该BLOB作为图像。
现在只有二进制数据，很多奇怪的符号正在显示。我认为这是HTTP头的问题。现在它很流行：
print "Content-Type: text/html"
我试过了：
print "Content-Type: image/jpeg"
我正在使用Python连接数据库并编写HTML。
编辑:代码：
def showFile():
# do SQL to
浏览 1提问于2013-04-29得票数 6
回答已采纳
我的ionic应用程序有时会在浏览器中使用，我需要上传一些图像。我已经实现了一个代码来选择我的文件，然后我有了一个formData类型，我在其中放置我的图像。我正在尝试使用post请求将文件上传到服务器，但我不知道如何做到这一点。
当我在我的php代码中收到我的文件时，我将它插入到我的数据库中，我在我的数据库中得到了一个blob文件，但我认为它不是图像，它的方式太小了……
html文件：
<input
style="display: none"
type="file" (change)="onFileChanged($event)
浏览 16提问于2020-06-04得票数 1
回答已采纳
这方面有几个问题，但不知何故，它们都没有解决我的问题。我想做的就是在我的网站上显示亚马逊的S3图片。
一些信息：
我正在对指向图像源属性的直接链接(出于测试目的)进行硬编码，但是图像从未出现过。
每当我访问直接链接时，我都会得到一个灰色的方形小图像(与我试图上传的图片不同)。
我还公布了我的桶政策，并更新了CORS。这是他们的设置：
桶策略
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "AddPerm&
浏览 2提问于2018-02-20得票数 0
在创建用户时，我正在尝试将图像保存到数据库中，为此，我使用postman
我的代码：
public function register(Request $request) {
$body = $request->all();
$userProfile = $body['user_profile'];
$userPrev = $body['privileges'];
$userProfile['is_super_admin'] = $userPrev['is_super_admin'];
浏览 0提问于2019-04-16得票数 0
我正在尝试创建一个表单，其中用户应该能够上传图像(我知道如何上传和显示字符串，int数据类型到mysql数据库或从mysql数据库)，并在pug模板引擎中显示来自mysql数据库的图像。
我被困在这一点上:想象你想要销售你的任何产品，你正在填写电子商务网站的表单，关于产品的详细信息，如价格，名称，类别等。
我想做的事情是知道如何上传图像到mysql数据库，并使用pug模板引擎在浏览器中显示它们。
如果有人能帮我解决这个问题，我将不胜感激。
浏览 16提问于2019-11-06得票数 0
2回答
我正在为dotnet核心的Azure平台上的图片而挣扎，我希望有人能给我一个明智的建议。简单的前提是:用户上传图像，保存在数据库中作为base64 (即将转移到Azure存储blob，但这与此无关)。稍后，站点所有者出现并单击一个按钮，将所有这些图像记录在一个ZIP文件中。在过去的.net框架中，这很容易实现。现在我似乎听到了一组“是的，但是”的评论。
是的，这里有system.drawing.image，但是您不能使用它，因为它不在dotnet核心中(直到最近)。是的，您可以使用CoreCompat，但是它不能在Azure上工作，因为在Web应用程序中不支持GDI+。是的，即使我可以，我正在
浏览 0提问于2018-07-21得票数 2
回答已采纳
2回答
我希望我的移动应用程序能够将图像上传到我的服务器，在我的例子中，它是一个Rails 3.2.11和nginx。
我在客户端读了很多关于Base64编码的文章，然后在服务器端解码。
为什么不将二进制上传与多部分头一起用于http请求？
每种技术是否都有的优缺点？
浏览 5提问于2013-02-09得票数 35
我如何在数据库中存储图像，而不使用PHP脚本上传它们。我的意思是，有没有一种方法，我可以把图像放在apache服务器目录中，然后将它们的索引存储到数据库中？
浏览 0提问于2017-03-02得票数 0
1回答
我刚接触MEAN牛排，我正在尝试从我的计算机上传一个文件到我的项目和mongoDb数据库中。我不需要使用mongo中的gridFs，因为我的图像要小得多。谁能给我举个例子，或者告诉我逻辑是什么。
谢谢你，艾利安
浏览 1提问于2017-04-30得票数 0
我从web帐户上传图像，这张图片也显示在手机上，但当我从手机上传图像时，它不能在web或任何其他移动设备上显示。
因为在数据库中，web图像uri是可读的，但是移动图像uri无法读取我的图像选择代码
const pickImage = async () => {
// No permissions request is necessary for launching the image library
let result = await ImagePicker.launchImageLibraryAsync({
浏览 1提问于2022-01-04得票数 0
回答已采纳
我试图上传图像到php web服务，并将其存储在MS数据库中。我的帖子数据是json格式的，它有base64编码的图像数据。
Base 64编码和插入示例
$base=base64_encode(file_get_contents("C:\sample\images.jpg"));
$CommandText = "INSERT INTO [M_IMAGES] ([IMAGE_DATA]) VALUES(?) " ;
$ImageStream = imagecreatefromstring(base64_decode($this-
浏览 4提问于2016-05-06得票数 0
我有一个工作脚本，当文件输入发生变化时，选择文件，在我的django后端对它们的上传数据签名，然后从前端直接上传到我的s3桶中。效果很好。我在用ng文件上传来做。
var doSignUrl = function(image, success, error){
$http({
url: scope.signUrl,
params: {
s3_object_name: image.name,
s3_object_type: image.type
},
method: '
浏览 4提问于2015-05-07得票数 1
回答已采纳
2回答
因此，对于具有动态内容和图像离线应用程序，有必要将图像保存在本地数据库中，如indexedDB或其他数据库。
但由于浏览器总是允许本地DB具有不同的大小，因此以某种方式压缩图像是很重要的。
所以我的想法是从服务器端获取image.png，并在客户端使用javascript将其转换为base64。所以现在我们有了字符串，我们可以将它存储到DB中，但是这个字符串比原来的jpeg/png更大，所以最好在之前压缩它。
有人知道如何用javascript压缩base64图像吗？
thnx，
浏览 1提问于2014-03-04得票数 0
1回答
我正在与谷歌应用程序引擎项目工作，我想使用facebook分享像这样。
我已经读过这个了
但是GAE不能上传物理图像，所有的图像都作为base64存储在数据库的blob属性中，所以facebook share无法获取图像:(谁有其他想法来解决这个问题?？
浏览 1提问于2013-07-02得票数 0
我想从我的数据库中显示图像，这些图像存储为blob图像。我所做的工作如下：
echo '<img src="data:image/JPG;base64,'.base64_encode($item->image).'"/>'; ?>
它给了我一个错误：
无法显示图像，因为它包含错误。
我就是这样上传的
$base64 = base64_encode($img);
DB::table('items')->InsertGetId([
'item'=>$item
浏览 0提问于2019-03-17得票数 1
回答已采纳
我在使用Cropper.JS上传和裁剪图像时遇到了问题。假设我上传70KB的文件后，使用裁剪工具，它的大小得到增加，是115KB，有时它也转换为MB的一些其他文件大小。
浏览 0提问于2017-09-06得票数 2
我正在使用Jodit创建一个所见即所得编辑器。我的应用程序是在React JS上开发的，Firebase负责数据库和存储。
我无法添加自定义函数来允许使用Jodit编辑器将图像上传到firebase。有没有可能直接添加这个？我想避免使用仅用于图片上传的NodeJs函数。
浏览 3提问于2021-02-02得票数 0
上传图像API需要二进制流。我尝试过新的FileReader()和它的readAsBinaryString()方法，但是它不起作用！二进制字符串和二进制流似乎不是一回事，所以我改变了方法，尝试了readAsDataURL()方法(因为我需要预览图像)，现在我想知道：
1)如何使用base64 js将转换为二进制流。
当我使用readAsBinaryString()时，响应如下(数据A)：
但是API需要这样的东西(数据B)：
2)有人知道如何将dataA (上图)转换为dataB (图片下移)？
浏览 4提问于2016-09-19得票数 0
如何将图像二进制文件直接上传到数据库？我读到GridFS只需要更大的文件。
我的意见：
<template name="pixUpload">
<input type="file" name="myFile" class="myPixInput">
</template>
模板：
Template.pixUpload.events({
'change .myPixInput': function(event, template) {
event.p
浏览 2提问于2015-01-13得票数 1
回答已采纳
我正在制作一个IOS应用程序，它将使用核心数据，我想将图像保存在数据库中，有人能告诉我如何在Sqlite浏览器中上传图像吗？
浏览 5提问于2013-08-27得票数 1
回答已采纳
我有个任务要做。我是新来的。在互联网上上传图片有很多资源，但是他们都是以不同的方式上传的，这不是我想要的。我有一个名为功能性组件格式的产品上传组件，在上传产品时，我希望用户从他们的计算机中选择一个图像并将图像上传到产品中，但这将是base64格式的。同时，我需要从数据库中读取产品的图片，因为我会在获取产品的同时带来这张图片。用户可以在上传产品时取消他选择的图像。您能用这些项目制作一个示例反应代码吗？真的很重要。我是新手，我对此不太了解，我需要这样做。
简单地说，我在下面的要点中写到。
1.用户将从他的计算机中选择一个图像，并且当他
选择此图像，它将以一定的大小出现在屏幕上。
2.如果用户单击“
浏览 4提问于2022-08-23得票数 -1
2回答
我正在开发一个Xamarin.Forms个人计算机应用程序，用户可以选择一张照片并上传。我想发送选定的照片到网络服务，以便它可以检查正确的格式和文件大小，然后上传到谷歌照片。
要将它传输到我的web服务，它需要是一个字符串。我试着用
MediaFile file;
var stream = file.GetStream();
var bytes = new byte[stream.Length];
await stream.ReadAsync(bytes, 0, (int)stream.Length);
string content = System.Convert.ToBase64Stri
浏览 1提问于2018-04-26得票数 1
我知道有上传图像的ngUpload指令，我可以将上传的图像保存到服务器中的文件中，并保存到数据库的链接。然后，我可以使用该链接以html格式显示它。
但是，我想将图像直接保存到数据库中。在这种情况下，如何在html中显示图像？
例如，在服务器上，我有
public class ImgSrc
{
public int Id { get; set; }
public string Name { get; set; }
public byte[] Image { get; set; }
}
如何使用ngUpload上传图像并将其作为图像保存到此表中？如何使用Angular在h
浏览 3提问于2013-11-12得票数 0
2回答
我正在为使用ASP.NET和SQL Server的公司员工创建内部网，在配置文件部分，我有一个上传图片区域(图像字段显示图片，输入以选择文件，以及加载按钮)，这很好用，图片正在加载到文件夹中，但我也有文本字段，用户在其中添加他的信息，这也很有效，并保存到数据库中，现在我想做的是用户上传图片，当他点击submit按钮将所有的文本字段发送到数据库中时，他上传的图片的名称或路径也会进入数据库，我的所有文本字段都是使用带有insertParameters的sqlDataSource保存的。
你知道怎么做吗？？我更喜欢使用前端代码，因为在后面的代码中，我只需要初始化SqlDataSource1.Inse
浏览 0提问于2012-07-10得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
