boottstrap file input 으로 그림 업로드

프로젝트 에 서 는 파일 업로드, 다 중 파일 업로드 과정 관리 에 대한 수요 가 자주 발생 합 니 다.boottstrap file input 구성 요 소 는 좋 은 해결 방안 이 라 고 할 수 있 습 니 다.
프로젝트 Github 주소:https://github.com/kartik-v/b...
그 밖 에 공식 온라인 문서 도 있 습 니 다. 여러 가지 예 를 제공 합 니 다.http://plugins.krajee.com/fil...
구성 요소 가 개 발 된 지 여러 해 가 되 었 지만 기능 이 강하 고 가장 간단 한 집적 방식 은 복잡 하지 않 습 니 다. 먼저 소스 코드 를 다운로드 하 십시오.

php composer.phar require kartik-v/bootstrap-fileinput "@dev"

플러그 인 호 환 bootstrap 3 / 4 관련 파일 도입:

가장 간단 한 초기 화 코드 는 다음 과 같 습 니 다.

$("#input-id").fileinput();

그러나 기본적으로 사용 가능 한 상 태 를 완성 하려 면 다음 설정 항목 을 추가 해 야 합 니 다.

$("#cover").fileinput({
    language: "zh",
    showCaption: false, //         
    allowedFileTypes: ['image'], //        
    allowedFileExtensions: ["jpg", "jpeg", "png", "gif"], 
    uploadUrl: "{{ url('uploads/image') }}" //          
}).on('fileuploaded', function(event, data, previewId, index){
    var response = data.response;
    $('input#coverUploader').attr('required', false);
    var input = $('');
    input.attr('value', response.key);
    $('form').append(input);
});

That's all.