>백엔드 개발 >PHP 튜토리얼 >php+bootstrap fileinput을 사용하여 이미지를 업로드할 때 문제가 발생했습니다. 도와주세요!

php+bootstrap fileinput을 사용하여 이미지를 업로드할 때 문제가 발생했습니다. 도와주세요!

WBOY
WBOY원래의
2016-08-18 09:15:311608검색

<code>bug:SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data.
      $("#file-5").fileinput({
        language: 'zh', //设置语言
        uploadUrl:  "{:U('profile/upload')}", // avatar_uploadyou must set a valid URL here else you will get an error __UPLOAD__partner/img
        allowedFileExtensions : ['jpg', 'png','gif'],
        overwriteInitial: false,
        maxFileSize: 1000,
        maxFilesNum: 1,
    
        //allowedFileTypes: ['image', 'video', 'flash'],
        slugCallback: function(filename) {
            alert("aaa");
            return filename.replace('(', '_').replace(']', '_');
        }
    })
     .on("fileuploaded", function (e, data) {
        var res = data.response;
        if (res.state > 0) {
            alert('上传成功');
            alert(res.path);
        }
        else {
            alert('上传失败')
        }
    });
    <form enctype="multipart/form-data">
      <hr>
                <div class="form-group">
                    <input id="file-5" class="file" type="file" multiple data-preview-file-type="any" data-upload-url="#" name="image_data">
                </div>
            </form>
            
            
            后台程序我有public function upload(){ }方法,是php的
            </code>

php+bootstrap fileinput을 사용하여 이미지를 업로드할 때 문제가 발생했습니다. 도와주세요!

오류의 스크린샷은 구문 오류인 것 같습니다. 테스트를 위해 백그라운드에서 하나의 값만 반환하므로 프런트엔드의 fileinput 이벤트에 오류가 있는 것으로 의심됩니다. 파일 입력에 익숙하세요! ! ! 누구든지 제가 참고할 수 있는 예가 있다면 감사합니다!

답글 내용:

<code>bug:SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data.
      $("#file-5").fileinput({
        language: 'zh', //设置语言
        uploadUrl:  "{:U('profile/upload')}", // avatar_uploadyou must set a valid URL here else you will get an error __UPLOAD__partner/img
        allowedFileExtensions : ['jpg', 'png','gif'],
        overwriteInitial: false,
        maxFileSize: 1000,
        maxFilesNum: 1,
    
        //allowedFileTypes: ['image', 'video', 'flash'],
        slugCallback: function(filename) {
            alert("aaa");
            return filename.replace('(', '_').replace(']', '_');
        }
    })
     .on("fileuploaded", function (e, data) {
        var res = data.response;
        if (res.state > 0) {
            alert('上传成功');
            alert(res.path);
        }
        else {
            alert('上传失败')
        }
    });
    <form enctype="multipart/form-data">
      <hr>
                <div class="form-group">
                    <input id="file-5" class="file" type="file" multiple data-preview-file-type="any" data-upload-url="#" name="image_data">
                </div>
            </form>
            
            
            后台程序我有public function upload(){ }方法,是php的
            </code>

php+bootstrap fileinput을 사용하여 이미지를 업로드할 때 문제가 발생했습니다. 도와주세요!

오류의 스크린샷은 구문 오류인 것 같습니다. 테스트를 위해 백그라운드에서 하나의 값만 반환하므로 프런트엔드의 fileinput 이벤트에 오류가 있는 것으로 의심됩니다. 파일 입력에 익숙하세요! ! ! 누군가 제가 참고할 수 있는 예가 있다면 좋을 것 같습니다. 감사합니다!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.