0

Concrete5 有一个图像选择器，它在选择图片后使用图片 ID 更新隐藏的输入值，例如：

<input name="pictureID" value="22" type="hidden">

选择图像后，我需要在“添加块”表单上加载所选图像。也就是说，在使用 ID 更新隐藏输入后加载图像（我可以通过 ID 获取图像 URL）。

这仅适用于之前已选择并保存图像的情况：

$('input[name=pictureID]').on('change', function() {
...
}).trigger('change');

但是如果清除了图像选择器并选择了新图像，则上述方法不起作用，因为隐藏输入是在选择图像后动态添加的。好吧，我尝试了这个：

$(document).on('change', 'input[name=pictureID]', function() {
...
}).trigger('change');

但这也行不通。可能是因为必须触发隐藏元素的更改才能获得新值。如果我自己更改值，我会触发它。但是，如果我首先需要知道系统何时更改了隐藏的输入值更改，我该如何触发呢？

如何在更新隐藏输入值时加载图像？

4

1 回答 1

0

这是选择文件时触发的javascript代码
+
我添加了一个函数（handleCustomImageChoice），它接收所选文件的所有数据。

$(document).ready(function(){
    function handleCustomImageChoice(result){
        console.log(result);

        //check the result object to get the url of the file
        //EXAMPLES :
        //get thumbnail url =
        console.log(result.files[0].resultsThumbnailImg);

        //get full size url =
        console.log(result.files[0].url);
    }

    $(document).on('change', 'form', function(){
        //when a file is selected in the file manager, then the nearest form is triggered to 'change'...
        //first check if the form that is triggered has the required input
        let closestForm = $('input[name=pictureID]').closest('form').attr('action');
        let currentForm = $(this).attr('action');

        if(closestForm == currentForm){
            //here your action when the hidden input value is changed
            console.log($('input[name=pictureID]').val());
            let fileID = $('input[name=pictureID]').val();
            if(fileID != 0){
                // ConcreteFileManager.getFileDetails(fileID , callback);
                ConcreteFileManager.getFileDetails(fileID, handleCustomImageChoice);
            }
        }
    });
});

在我解决这个问题的研究过程中，我还遇到了一个名为“ConcreteEvent”的 javascript 对象......该对象从核心处理 JS 事件......但是我无法订阅“FileManagerSelectFile”事件。所以我不能给你那个代码......但是上面的代码应该给你你需要的东西。

于 2018-06-13T10:07:06.143 回答