首頁 > 後端開發 > php教程 > php+bootstrap fileinput去上傳圖片,出錯了,求救!

php+bootstrap fileinput去上傳圖片,出錯了,求救!

WBOY
發布: 2016-08-18 09:15:31
原創
1600 人瀏覽過

<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的事件那裡出錯了,因為後台我只返回一個值做測試,應該沒問題的,對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的事件那裡出錯了,因為後台我只返回一個值做測試,應該沒問題的,對fileinput不熟,求助啊! ! !誰有例子提供給我參考下也好,謝謝!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板