2017-09-17 9 views
-1

ファイルタイプの入力があり、自分のコンピュータ上で画像を選択したり、URLを与えたりして、自分の画像をダウンロードすることを許可します。 ローカルイメージとリンクされたイメージをアップロードするために1つの入力のみを使用する必要があるため、問題があります。URL入力ファイル

+0

選択チェックボックスを使用して、画像またはURLを入力するかどうかを試したことがありますか? –

+0

入力を1つだけ使用する必要があるのはなぜですか?それは愚かです、あなたは2を置くことができ、リンクやボタンで表示できるものを隠すことができます。 (他のフィールドを隠す) – COil

答えて

0

あなたは 入力するだけであれば、あなたのコントローラでフォームを送信した後、忘れてはいけない

... 
<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> 

をチェックするために、入力TextTypeの種類を維持し、あなたのビューファイルで、そのためのjQueryのを使用することができます画像は、ファイルまたはURLです。if ($request->files->has('imageField') ....