用ajax上传图片并获取base64数据

Question

我正在尝试在 laravel 中使用 ajax 上传图片。这是我的代码

<input type="text" name="item_name" class="form-control item_name">
<input type="file" name="item_image" class="form-control item_image">
<button type="button" class="btn btn-primary store_new_item"> Save </button>

阿贾克斯

$(document).on('click', '.store_new_item', function () {
var item_name = $('.item_name').val();

var data = new FormData();  
data.append('file', $('.item_image')[0].files[0]);
var size  =  $('.item_image')[0].files[0].size;
console.log(data);

$.ajax({
    url: '{{ url('/item/add-new-item') }}',
    type: "POST",
    enctype: 'multipart/form-data',
    //dataType: 'json',
    headers: {
        'X-CSRF-TOKEN': '{{ csrf_token() }}'
    },
    data: {
        item_name: item_name,
        item_image: data
    },

Laravel

  $item_image = base64_encode($request->get('item_image'));

显示错误 Uncaught TypeError: Illegal invocation in console 如何在控制器中获取 base64 数据？提前致谢

Answer 1

$data = $request->get('item_image');
list($type, $data) = explode(';', $data);
list(, $data) = explode(',', $data);
$image     = \Image::make(base64_decode($data))->encode('jpg');
$imageName = md5($user->name . microtime()) . '.jpg';
$image->save(public_path() . $imageName);