【问题标题】:how to change default file dropify?如何更改默认文件dropify?
【发布时间】:2017-06-15 15:06:54
【问题描述】:

你好

我正在使用 Dropify.js,我想编辑一些项目,所以当我点击编辑项目时,带有 dropify 类的输入工作正常,它会自动上传带有这部分代码的给定文件:

  $('.dropify').dropify({
            defaultFile: app.getPath('userData') + '/images/' + doc.image
          });

但是当我想编辑另一个项目时,文件不会改变它仍然是第一个。 我希望你能理解我。项目在一个表中。 我找到了这个,但我不知道该怎么做:

 var drDestroy = $('.dropify').dropify();
                drDestroy = drDestroy.data('dropify')
                $('#toggleDropify').on('click', function(e){
                    e.preventDefault();
                    if (drDestroy.isDropified()) {
                        drDestroy.destroy();
                    } else {
                        drDestroy.init();
                    }
                }) 

如果有人能告诉我 init() 和 destroy() 和 isDropified() 函数的作用。

【问题讨论】:

  • 我也面临同样的困境...

标签: javascript jquery input dropify


【解决方案1】:

这里有一个解决方案:

var imagenUrl = "";
var drEvent = $('#yourInputFileId').dropify(
{
  defaultFile: imagenUrl
});
drEvent = drEvent.data('dropify');
drEvent.resetPreview();
drEvent.clearElement();
drEvent.settings.defaultFile = imagenUrl;
drEvent.destroy();
drEvent.init();

【讨论】:

    【解决方案2】:

    要更改 dropify 图像 src,请遵循以下行:

    HTML:
    <input type="file" id="image"  />
    JS:
     $("#image").addClass('dropify');
     $("#image").attr("data-height", 300);
     $("#image").attr("data-default-file", "http://www.adamanthr.com/wp-content/uploads/2016/04/dummy-man-570x570.png");
     $('.dropify').dropify();
    

    【讨论】:

      猜你喜欢
      • 2023-03-23
      • 1970-01-01
      • 2018-06-18
      • 1970-01-01
      • 2017-11-05
      • 2023-04-09
      • 2015-04-03
      • 2016-03-28
      • 1970-01-01
      相关资源
      最近更新 更多