ErrorException 未定义偏移量：1，laravel

如何解决ErrorException 未定义偏移量：1，laravel

我试图创建一个网络摄像头照片捕获和提交表单，该表单将存储在数据库中，为了将 base 64 文件转换为 png，我使用以下代码：（我正在共享整个功能）

 public function testVerificationPost(Request $r){
    $upload_documents = rand().'-'.time().'.'.$r->upload_documents->extension();
    $r->upload_documents->move(public_path('uploads'),$upload_documents);

    // $upload_snapshot = rand().'-'.time().'.'.$r->upload_snapshot->extension();
    // $r->upload_snapshot->move(public_path('uploads'),$upload_snapshot);

    $img = $r->snapShot;
    $folderPath = "uploads/";
  
    $image_parts = explode(";base64,",$img);
    $image_type_aux = explode("image/",$image_parts[0]);
    $image_type = $image_type_aux[1];
  
    $image_base64 = base64_decode($image_parts[1]);
    $fileName = uniqid() . '.png';
  
    $file = $folderPath . $fileName;
    file_put_contents($file,$image_base64);
     
   Verification::create([
        'photo' => $fileName,'identity_number' => $r->identity_number,'identity_card_document' =>  $upload_documents,'user_id' =>session('user_session'),'identity_card_type' => $r->identity_card_type,]);
    return redirect('/verification');
}

在刀片文件中：

   <div class="row" style="width: 400px;">
                        <div class="column" id="camera" style="height:150px;width:150px; text- 
                        align:right;"></div>

                        <div class="column" style="height:50px;width:50px;">
                            <input type="button" value="Take a picture" name="upload_snapshot" 
                             id="btPic" onclick="takeSnapShot()" required="required" />
                            <p id="snapShot"></p>
                            <input type="hidden" name="snapShot" class="snapShot">
                        </div>
                    </div>

我正在使用的脚本：

Webcam.set({
width: 220,height: 190,image_format: 'jpeg',jpeg_quality: 200
});
Webcam.attach('#camera');


takeSnapShot = function () {
Webcam.snap(function (data_uri) {
    document.getElementById('snapShot').innerHTML = 
        '<img name="upload_snapshot" src="' + data_uri + '" width="180px" height="152px" />';
});
}

我得到的错误：

解决方法

替换

takeSnapShot = function () {
Webcam.snap(function (data_uri) {
    $(".image").val(data_uri);
    document.getElementById('snapShot').innerHTML = 
        '<img name="upload_snapshot" src="' + data_uri + '" width="180px" 
  height="152px" />';
   });
  }

代替

takeSnapShot = function () {
 Webcam.snap(function (data_uri) {
document.getElementById('snapShot').innerHTML = 
    '<img name="upload_snapshot" src="' + data_uri + '" width="180px" height="152px" 
   />';
  });
   }