php - Yii2 Dropzone.js 初始化不工作

Question

我正在使用 yii2 和 dropzonejs (perminder-klair/yii2-dropzone)

当我想用一些数据初始化 View 时我得到了这个错误， 似乎未处理 init 调用

错误

dropzone.min.js:1 Uncaught TypeError: this.options.init.call is not a function
    at c.init (dropzone.min.js:1)
    at new c (dropzone.min.js:1)
    at HTMLDocument.<anonymous> (index.php?r=branches/upload:672)
    at fire (jquery.js:3187)
    at Object.fireWith [as resolveWith] (jquery.js:3317)
    at Function.ready (jquery.js:3536)
    at HTMLDocument.completed (jquery.js:3552)

我的dropzonejs

 <?= \kato\DropZone::widget([
        'autoDiscover' => false,
       'options' => [
         'init' => "function(file){alert( ' is removed')}",
         'url'=> 'index.php?r=branches/upload',
           'maxFilesize' => '2',
           'addRemoveLinks' =>true,
            'acceptedFiles' =>'image/*',    


             ],
       'clientEvents' => [
           'complete' => "function(file){console.log(file)}",
          // 'removedfile' => "function(file){alert(file.name + ' is removed')}"
           'removedfile' => "function(file){
             alert('Delete this file?');
          $.ajax({
               url: 'index.php?r=branches/rmf',
               type: 'GET',
               data: { 'filetodelete': file.name}
          });

           }"
       ],
   ]);
?>

Answer 1

此插件使用 Json::encode 函数来编码选项，因此，在您的代码 init 中编码为字符串。字符串不是函数。

您可以简单地使用 JsExpression javascript 函数来防止这种情况。

When using yii\helpers\Json::encode() or yii\helpers\Json::htmlEncode() to encode a value, JsonExpression objects will be specially handled and encoded as a JavaScript expression instead of a string.

这段代码应该可以工作。

<?= \kato\DropZone::widget([
        'autoDiscover' => false,
       'options' => [
         'init' => new JsExpression("function(file){alert( ' is removed')}"),
         'url'=> 'index.php?r=branches/upload',
           'maxFilesize' => '2',
           'addRemoveLinks' =>true,
            'acceptedFiles' =>'image/*',    


             ],
       'clientEvents' => [
           'complete' => "function(file){console.log(file)}",
          // 'removedfile' => "function(file){alert(file.name + ' is removed')}"
           'removedfile' => "function(file){
             alert('Delete this file?');
          $.ajax({
               url: 'index.php?r=branches/rmf',
               type: 'GET',
               data: { 'filetodelete': file.name}
          });

           }"
       ],    ]); ?>