输入带有 url 的文件

【问题标题】：Input File with url输入带有 url 的文件
【发布时间】：2018-02-26 10:00:00
【问题描述】：

我有一个文件类型的输入，我想让用户在他的计算机上选择一个图像或只提供一个 url，我们的服务器将自己下载图像。我有一个问题，因为我只需要使用一个输入来上传本地图像和链接图像。

【问题讨论】：

您是否尝试过使用选择复选框来选择是否要输入图像或 URL？
为什么只需要使用一个输入？这很愚蠢，你可以放 2 并隐藏一个可以用链接或按钮显示的。（然后隐藏另一个字段）

【解决方案1】：

您可以为此使用 JQuery，只需保留输入 TextType 的类型，并保留在您的视图文件中

...
<button id="uploadButton">Upload Image</button>
{{ form_widget(form.image , { 'id': 'image-field' }) }}
...

<script>
..
 $('#uploadButton').click(function () {
        var button = $(this);

        if(button.text === 'Upload Image') {
            button.text('Set URL');
            $('#image-field').prop('type', 'file');
        } else {
            button.text('Upload Image');
            $('#image-field').prop('type', 'url');
        }
    });
..
</script>

在控制器中提交表单后，不要忘记使用if ($request->files->has('imageField') ....检查名称为image的输入是文件还是URL

【讨论】：