I'm facing an issue while trying to download images using jQuery/AJAX in Laravel 8. Although I am able to retrieve the image in the response, it isn't downloading as expected. Could someone please assist me in resolving this problem?
Controller
public function senddata(Request $req)
{
$stamp = new Stamp();
$stamp->company_name = $req->company_name;
$stamp->reg_no = $req->reg_no;
$stamp->color = $req->color;
$stamp->fullname = $req->fullname;
$stamp->email = $req->email;
$stamp->save();
$filepath = public_path('images/')."Screenshot_1.png";
return Response::download($filepath);
}
jQuery/AJAX Code
$('#acceptform').submit(function () {
if ($('#acceptform').valid()) {
var company_name = $('#company_name').val();
var reg_no = $('#reg_number').val();
var color = $('input[name="stamp_color"]:checked').val();
var fullname = $('#fullname').val();
var email = $('#email').val();
$.ajax({
type: 'POST',
url: "{{ route('senddata') }}",
data: {company_name: company_name, reg_no: reg_no,
color: color, fullname: fullname, email: email},
xhrFields: {
responseType: 'blob'
},
success: function (res) {
const data = res;
const link = document.createElement('a');
link.setAttribute('href', data);
link.setAttribute('download', 'Screenshot_1.png');
link.click();
}
});
}
});