Я хочу просмотреть изображение, слово или pdf-файлы внутри модального всплывающего окна, вызвав вызов ajax, нажав на ссылку привязки, и это также открывает модальное всплывающее окно.
<a href='#' onclick='preview('docId')' title='Preview' data-
target='#previewModal' data-toggle='modal'> Preview file </a>
Код Ajax - -
function preview(docid)
{
var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
$.ajax({
url : 'docs/viewDoc' ,
type : 'POST',
data: {_token: CSRF_TOKEN, id:docid},
dataType : 'plain/text OR JSON', ???????
success : function(d){
console.log(d.data);
$('#loader').hide();
$('#previewModal div.modal-body').html(d.data);
},
error : function(d){
alert('Error - '+ d);
console.log(d);
}
});
}
Код действия контроллера - -
public function viewDoc(Request $request)
{
$id = $_POST['id'];
$conditions =['docId'=>$id];
$file_info = Docs::select('path','docType','Title')->where($conditions)-
>first();
$file= File::get($file_info->path);
$response = Response::make($file, 200);
$response->header('Content-Type', 'application/pdf');
return response()->view('admin.docs.test')->with('response',$response);
OR ???? how
return response()->view('admin.docs.test',$response,200) ;
OR ????? how
//return response()->json($response,JSON_UNESCAPED_UNICODE);
}
ПРОБЛЕМА заключается в том, как обработать этот ответ на действие и установить внутримодальное всплывающее тело для отображения изображения или файла для предварительного просмотра?