七牛雲端儲存 - PHP項目中使用bootstrap-fileinput外掛程式向七牛空間中post檔案遇到的問題

來源:互聯網
上載者:User

我的需求是這樣的,有張設定檔的表單,表單中包含照片,姓名,性別,年齡等;照片需要提交到七牛裡面儲存,表單中照片上傳使用bootstrap-fileinput外掛程式;我的思路是使用者填寫表單中的文字資訊後選擇照片上傳至七牛,上傳成功後七牛會返回一個key也就是檔案名稱,然後再點擊提交按鈕將這個key和表單中其它已經填寫的項一起儲存至資料庫中。

我的bootstrap-fileinput配置代碼如下:

    

我不知道token是不是應該放在這個位置,但是token是正常賦值了的,

表單代碼如下:

但是現在就是圖片傳不上去,不知道是哪裡配置的不正確,請老師們給予協助,謝謝了!

下面是bootstrap-fileinput的效果,內建一個上傳按鈕:

預設效果:

選擇圖片後效果:

回複內容:

我的需求是這樣的,有張設定檔的表單,表單中包含照片,姓名,性別,年齡等;照片需要提交到七牛裡面儲存,表單中照片上傳使用bootstrap-fileinput外掛程式;我的思路是使用者填寫表單中的文字資訊後選擇照片上傳至七牛,上傳成功後七牛會返回一個key也就是檔案名稱,然後再點擊提交按鈕將這個key和表單中其它已經填寫的項一起儲存至資料庫中。

我的bootstrap-fileinput配置代碼如下:

    

我不知道token是不是應該放在這個位置,但是token是正常賦值了的,

表單代碼如下:

但是現在就是圖片傳不上去,不知道是哪裡配置的不正確,請老師們給予協助,謝謝了!

下面是bootstrap-fileinput的效果,內建一個上傳按鈕:

預設效果:

選擇圖片後效果:

誰幫幫我啊,謝謝啊

$("#pImg").fileinput({                uploadUrl: "http://up.qiniu.com",                uploadAsync: true,                overwriteInitial: false,                uploadExtraData: {                    token: "",                },                slugCallback: function(filename) {                      //這裡的回調你可以將上傳成功後返回的key儲存到一個input type=hidden 或者哪裡看你自己,然後就可以了,再點擊儲存的時候,將這個input的值往你的服務端傳就ok啦                }            });
  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.