如何做出所需要的上傳圖片按鈕

莫代爾

<div class="modal-dialog modal-lg" role="document"> 
<div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
    <h4 class="modal-title" id="myModalLabel">Unggah Gambar</h4> 
    </div> 

    <form id="upload-image" enctype="multipart/form-data"> 
    <div class="modal-body"> 
     <input id="input-dim-1" name="inputdim1[]" type="file" multiple class="file-loading" accept="image/*"> 
    </div> 
    <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Keluar</button> 
    </div> 
    </form> 
</div>

$("#input-dim-1").fileinput({ 
     uploadExtraData: {_token:"{{csrf_token()}}", key : key}, 
     uploadUrl: "{!! route('admin.product.getupload') !!}", 
     allowedFileExtensions: ["jpg", "png", "jpeg"], 
     minImageWidth: 50, 
     minImageHeight: 50, 
     maxFileCount: 5 
    });

阿賈克斯

$('#form-product').submit(function(event) { 
    if ($("#input-dim-1").val() == '') { 
     event.preventDefault(); 
     alert("Image Is Required"); 
    } else { 
     form.submit(); 
     } 
     return false; 
    });

現在當用戶沒有上傳圖片時會出現所需要的內容，但是當用戶上傳圖片時也會出現:( 有人可以幫我嗎？

感謝

來源

2017-05-04 Faisal Hilmi

你有沒有試過可以在輸入上設置的'required'標籤？ –

@CarstenLøvboAndersen是的，我有，但不工作 –

如果你有'必需'在您的輸入，然後嘗試改變你的按鈕的類型爲'type =「submit」' –

您有：

<input id="input-dim-1" name="inputdim1[]" type="file" multiple class="file-loading" accept="image/*">

後端側使用laravel時，你可以驗證被要求像這樣的陣列輸入：

'inputdim1.*' => 'required'

HTML端，你可以添加所需的屬性：

<input id="input-dim-1" name="inputdim1[]" type="file" multiple class="file-loading" accept="image/*" required>

來源

2017-05-04 06:50:51 user7961476

仍然不工作:( –

如何做出所需要的上傳圖片按鈕

回答

相關問題