【问题标题】:Multiple name attributes in DropzoneDropzone 中的多个名称属性
【发布时间】:2020-09-14 04:56:00
【问题描述】:

早安,

我正在尝试在 Laravel 项目中实现 Dropzone。有人可以建议我如何向 Dropzone 脚本添加多个名称属性,以便上传不同位置的图像并将图像名称存储在数据库中?请在下面找到代码。我们将不胜感激。

查看文件:

<script type="text/javascript">
       Dropzone.options.dropzone =
       {
           maxFilesize: 10,
           renameFile: function (file) {
               var dt = new Date();
               var time = dt.getTime();
               return time + file.name;
           },
           acceptedFiles: ".jpeg,.jpg,.png,.gif",
           addRemoveLinks: true,
           timeout: 60000,
           success: function (file, response) {
               console.log(response);
           },
           error: function (file, response) {
               return false;
           }
       };
   </script>

控制器:

 public function store(Request $request)
   {

// Upload image 1
       $image1 = $request->file('file1');
       $avatarName = $image1->getClientOriginalName();

       $image1->move(storage_path('app/public/images/image1'),$avatarName);
       $imageUpload = new Image();
       $imageUpload->filename = $avatarName;
       $imageUpload->save();
       return response()->json(['success'=>$avatarName]);

// Upload image 2
       $image2 = $request->file('file2');
       $avatarName = $image2->getClientOriginalName();

       $image2->move(storage_path('app/public/images/image2'),$avatarName);
       $imageUpload = new Image();
       $imageUpload->filename = $avatarName;
       $imageUpload->save();
       return response()->json(['success'=>$avatarName]);

//Save image names in the database   
       $user = Auth::user();
       $property = new Property;

       $property->user_id = auth()->user()->id;
       $property->image1 = $image1;
       $property->image2 = $image2;

       $user->save();
       $property->save();
       return redirect('/users/listings')->with('success', 'Listing has been created.');   
   }
}

【问题讨论】:

    标签: laravel dropzone.js


    【解决方案1】:

    每个放置区只有 1 个从输入文件标签中获取的名称,因此您需要 2 个放置区来执行此操作。

    【讨论】:

    • 感谢您的回复。我想为用户可以为每个帖子上传的大约 15 张图片提供一个选项。请问您是否知道任何替代/解决方法以便为所有图像使用一个 Dropzone?
    • 感谢您的建议!我想我现在会使用多个放置区,只需调整放置区容器的大小。当用户想要在稍后阶段编辑或替换特定图像时,多个拖放区也可能会很好地工作。
    • 与免费的 dropzone 相比,没有太多选择。但是有一个选项不是那么漂亮,但也可以很好地工作。看看npmjs.com/package/file-upload-with-preview,如果你想使用任何有很多很酷的功能的东西,请使用这个,但你必须为特色版本付费:innostudio.de/fileuploader
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-05-08
    • 1970-01-01
    • 2021-01-04
    • 1970-01-01
    相关资源
    最近更新 更多