I want to download the processed image from the Intervention Image locally asynchronously.

Send a request via ajax and

Backend processed images using "Intervention Image" I'd like to download it locally.
I couldn't convert the processed image data to blob and it was blocked.

I heard that there are functions to return to the Intervention Image in stream. I was trying, but
When I came back to the front desk, I ended up writing.

Could someone help me?
Thank you for your cooperation.

$.ajax({
        type: 'GET',
        url: '/export/img',
        data: {
            'img_type': imgType
        },
        headers:{
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    }).done(response)=>{
        const blob = new Blob([response], {type: 'image/png'});
        const filename = 'test.png'
        const downloadUrl=(window.URL||window.webkitURL).createObjectURL(blob);
        constlink = document.createElement('a');
        link.href=downloadUrl;
        link.download=filename;
        link.click();
        (window.URL||window.webkitURL).revokeObjectURL(downloadUrl);
    }).fail(()=>{
        $("#errorModal").modal("show");
    });

public function export(Request$request)
    {
        // image generation processing
        $img = $this->service->createImg($request->img_type);
        return$img->stream('png') ->__toString();
    }
}

laravel ajax

2022-09-29 22:43

1 Answers

I solved myself!!

function exportImg(imgType){
  $.ajax({
      type: 'GET',
      url: '/export/img',
      data: {
        'img_type': imgType
      },
      headers:{
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
  }).done(response)=>{
      constbase64 = response.encoded;
      a = document.createElement("a");
      a. href=base64;
      a. download = dayjs().format("YYYYMMDDHHmmss") + ".png";
      a.click();
      $("#spinner").css("display", "none");
  }).fail(()=>{
      $("#errorModal").modal("show");
  });
}

public function export(Request$request)
{
    // image generation processing
    $img = $this->service->createImg($request->img_type);
    return$img->encode('png')->encode('data-url');
}

2022-09-29 22:43

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656