laravel - 通过图像干预保存动画 gif
问题描述
我正在尝试将动画 gif 上传为用户头像。这些图片通过javascript转换为base64,然后通过图片干预上传。
$img = Image::make(file_get_contents($file));
$mime = $img->mime();
if ($mime == 'image/jpeg')
$ext= '.jpg';
elseif ($mime == 'image/png')
$ext= '.png';
elseif ($mime == 'image/gif')
$ext= '.gif';
elseif($mime == 'image/x-icon')
$ext = '.ico';
elseif($mime == 'image/bmp')
$ext = '.bmp';
else {
$ext = '.jpg';
}
$name = time().$ext;
$path = public_path("images/$controller");
File::isDirectory($path) or File::makeDirectory($path);
if(property_exists($field, 'size') && !$ext=='.gif') {
$field->size = explode('*',$field->size);
if($img->resize($field->size[0], $field->size[1])->save("$path/$name")) {
$data[$key] = $name;
} else {
$data[$key] = null;
}
} else {
if($img->save("$path/$name")) {
$data[$key] = $name;
} else {
$data[$key] = null;
}
}
但是,这些图像在上传后会丢失动画。我不知道该怎么办。如何不丢失动画?
Javascript代码:
reader.onload = function(e) {
var src = e.target.result;
var name = file.name;
var type = file.type;
var img = "<img src='"+src+"' class='img-fluid mx-auto' alt='image'>";
$('.card_group_'+field+' .previewContainer_'+count+' .file-loading').remove();
$('.card_group_'+field+' .previewContainer_'+count+' .imagePreview').append(img);
$('.card_group_'+field+' .previewContainer_'+count+' .card-header').append(name);
var input = "input[name='"+field+"']";
var added = $(input).val();
if(added == '') {
$(input).val(src);
} else {
$(input).val(added+';'+src);
}
}
reader.readAsDataURL(file);
解决方案
现在,当它是 gif 时,您可以使用另一个函数来保存,并继续使用库中的其他函数。
if ($file->getClientOriginalExtension() == 'gif') {
copy($file->getRealPath(), $destination);
}
else {
$image->save($destination);
}
$width = $image->width();
$height = $image->height();
$image->destroy();
推荐阅读
- twitter-bootstrap - Bootstrap 4.1 固定 div 溢出-y 和全宽
- javascript - 如何在 ES6 中使用 spread(...)?
- javascript - javascript:在函数中获取未破坏的参数
- arrays - 以数组形式提供的字符串输出调整 // -NODE JS-
- javascript - React - 如何将参数传递给事件处理程序
- java - 在处理过程中,Exchange 的属性正在与 ArrayList<> 同步更新
- c++ - 在 .text 部分定义只读数据的原因是什么?
- angular - Angular4 - 有没有办法使指令透明?
- javascript - 如何同时停止传播和允许模态?
- android - xamarin android 开始阻塞 GC eXPLICIT?