调用.load之后，dropzone保留了原来的图片并且不刷新

Question

我正在使用https://www.dropzonejs.com中的dropzone上传一张图片。我正在使用这样的jquery命令.load加载html页面：

FreeReader

在settingscompany.html内部，我已经知道了：

$( "#showsettingsother" ).click(function() {
     $('#settingscontent').load('settingscompany.html', function() {
          Dropzone.autoDiscover = false;

          var myDropzone = new Dropzone($('.dropzone').get(0), {
            init: function() {                     
                   var me = this;

                  $.getJSON(webserverurl + '?sessionid=' + sessionkey + '&settings=true&company=checkCompanyPhotoExists', function( json ) {
                    if(json.STATUS == 'OK') {
                        var mockFile = { name: "Firmenlogo", dataURL: getcompanypicture, accepted: true };
                        me.createThumbnailFromUrl(mockFile, getcompanypicture);
                        me.files.push(mockFile);
                        me.emit('addedfile', mockFile);
                        me.emit('thumbnail', mockFile, getcompanypicture);
                        me.emit('complete', mockFile);
                    }
                  });
                },
                ... [shortened]
          }
        }
}

现在我有一个像这样的菜单：

<form id="uploadCompanyPicture" action="" class="dropzone"></form>

我的问题如下：

1. 我将图片上传到dropzone（image1.jpg）。效果很好。
2. 我将第二张图片上传到dropzone（image2.jpg）。这也可以。
3. 现在，我单击“其他设置”，然后单击返回到“公司设置”。
4. 结果是，它显示的是image1.jpg而不是image2.jpg。
5. 重新启动浏览器时，它显示image2.jpg。

因此它显示了错误的图片。有人知道我在做什么错吗？

Answer 1

我相信您并没有回叫正在加载的图片或用于获取第一张图片的函数。我的建议是对函数进行封装，当您更改调用它的图片时，它将根据您的命令进行刷新。

//我会添加评论，但我还不能。