//添加商品的時候上傳圖片，當編輯商品的時候，要把圖片也顯示出來，做法為下便的if判斷，如果當前編輯的商品有images的路徑，則賦值 絕對路徑。

//代碼中有個$data['images'] $data為當前商品的數據，$data['images']為當前商品存入數據庫的圖片路徑
$("#kv-explorer").fileinput({
'theme': 'fa',
language: 'zh',
uploadUrl: "{{ route('uploadImg','brand') }}",
deleteUrl: "{{ route('deleteImg') }}",
allowedFileExtensions: ['jpg', 'jpeg', 'gif', 'png'],
overwriteInitial: false,
initialPreviewAsData: true,
maxFileCount: 1,
uploadExtraData: {"_token": "{{ csrf_token() }}"},
deleteExtraData: {"_token": "{{ csrf_token() }}"},
initialPreview: [
@if($data['images'])
"http://" + "{{ $data['images'] }}",
@endif
],
initialPreviewConfig: [
@if($data['images'])
{
key: "{{ $data['images'] }}"
},
@endif
],
}).on('fileuploaded', function (event, data, key) {
$('form').append('<input type="hidden" name="images" value="' + data['response'].data + '">');
}).on('filepredelete', function () {
$(":input[name='images']").remove();
}).on('filesuccessremove', function () {
$(":input[name='images']").remove();
});

轉載于:https://www.cnblogs.com/muwu/p/8939888.html

總結

以上是生活随笔為你收集整理的fileinput 图片上传的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。