单击krajee文件输入上的按钮后更改预览图像

时间:2016-05-31 14:21:18

标签: javascript jquery

我的页面中的表格中有很多记录,每个记录都有一个"编辑"按钮,它从服务器获取与该记录相关的所有数据,然后填充表格旁边的表格。

事情是,我使用Krajee文件输入,我似乎无法将预览图像更改为我之前在服务器中上传的图像。当我点击"编辑", 每次点击任何记录的编辑按钮时,它都应该更改预览图像,并在文件输入插件中显示该记录的图像。

第一个问题:这是否可能?

第二个也是最后一个,我留下我的JS代码,初始化:

$(document).on('ready', function() 
{
  $('#photo').fileinput(
                      {
                       overwriteInitial: true,
                       maxFileSize: 100,
                       showRemove:false
                       }                           
                       );    
 });

内部具有FileInput代码部分的Edit函数。

$("#photo").fileinput('refresh', 
                         {
                             initailPreview:
                             [
                                 '<img src="../img/Legacy.jpg" class="file-preview-image">'
                             ],
                             showUpload:false 
                         }
                         );

对于我到目前为止看到的内容,它刷新了插件,它删除了&#34;上传&#34;按钮,但图像没有显示。 只有当我将它们添加到&#34; OnReady&#34;时才会显示图像。 对于实际问题,我只使用存储在我的项目中的任何图像(Legacy.jpg),看它是否有效。

1 个答案:

答案 0 :(得分:1)

哦,天哪,这是“初始”而非“初始”。