如何更改默认文件dropify?

时间:2017-06-15 15:06:55

标签: javascript jquery input dropify

你好

我正在使用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()函数做什么exaclty。

2 个答案:

答案 0 :(得分: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();

答案 1 :(得分: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();