ajax post 容量有限制嗎？- 藍色小舖 BlueShop

台灣最大程式設計社群網站

∣免費加入會員∣登入 ∣回首頁∣ 您好

線上人數
2480

會員總數：246709
討論主題：190127

登入

登出

歡迎您免費加入會員

討論區選單

開發工具

行動裝置開發

資料庫

多媒體 / 網管

綜合

文章區

討論區列表 >> PHP >> ajax post 容量有限制嗎？

[]

[我要回覆]

ajax post 容量有限制嗎？
價值 : 5 QP 點閱數:2698 回應數:3

樓主

町風

229	213
1974	203

發送站內信

我用 ajax post 將canvas圖傳到後端儲存
但是檔案比較大時(900多kb就會) 所存檔都是0kb
我看post_max_size 8M 沒超過, 也沒錯誤訊息？
收到的image post的值是空的？

搜尋相關Tags的文章： [ ajax ] ,
本篇文章發表於2018-03-30 18:20

1樓回應浩瀚星空	一般來說，post是沒有容量限制的。其主因是在於操作系統中的限定。你可以先試一下直接用form中的file看看是否可以上傳超過容量的值。再利用一下form的特性，直接傳input大資料先試試。我個人是使用form這個jquery插件，來處理ajax form。一般是沒什麼問題的。早前我也是用ajax post來傳送base64的資料。確實會有個限制不會正常傳送。原因有很多種。比較的可能性是因為javascript不能直接傳送大數據。採用form這個jquery插件。它也是一種ajax的處理。不過處理的方式不太一樣。所以可以正常傳送大數據。你或許可以改用這樣的方式來處理。本篇文章回覆於2018-04-02 11:27 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
2樓回應淺水員	試著在 ajax 之前(第8行)補上 console.log(dataURL.length); //如果不會看 console 也可以用 alert(dataURL.length) 代替這是確認你送出去的字串真的沒有超過8M 我猜想的原因是，你提到的900多k是原始圖檔的大小如果原始圖檔是jpg格式的話，丟到canvas用png輸出，大小會多好幾倍 (而且不同瀏覽器產生的png大小也不同) 此外，二進位資料在轉換為Base64的過程中，大小又會增加約1.33倍如此一來就超過8M的限制了我傳送 3M 左右的資料到以下狀態的伺服器是可行的 post_max_size=8M upload_max_filesize=2M 下面是我的測試用程式<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>456</title> <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> </head> <body> <input type='file' id='fileinput'> <input type="button" value="傳送" id="bt" onclick="sendFile()"> <script type="text/javascript"> function sendFile() { var finp=document.getElementById("fileinput"); var fd=new FileReader(); fd.onload=function (e){ console.log("send "+e.target.result.length+" bytes"); $.ajax({ method:'POST', url:'aaa.php', data:{img:e.target.result}, success:function (r){ console.log(r); } }); } fd.readAsDataURL(finp.files[0]); } </script> </body> </html>關於aaa.pdp<?php if(isset($_POST['img'])) echo 'receive '.strlen($_POST['img']).' bytes'; else echo 'receive 0 bytes'; ?> 本篇文章回覆於2018-04-02 18:38 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
3樓回應淺水員	依照這個討論串做了實驗下面是我剛剛做實驗的結論： A.使用 ajax POST 傳 base64字串： 1. 長度限制要看 post_max_size 2. 轉base64的過程中原始資料會變大為1.33倍左右，因此原始檔案大小大約只能是 0.75 倍的 post_max_size B.直接使用 form 傳送(包含使用jQuery Form Plugin)： 1. 大小限制要看 upload_max_filesize 2. 原始檔案大小可以用 upload_max_filesize 為基準因此，B方案雖然不會浪費空間但是由於一般伺服器都會設定 post_max_size > upload_max_filesize (像是 wamp 預設 post_max_size=8M upload_max_filesize=2M) 所以反而常常出現A方案能傳輸的檔案大小較大除了上面兩個方案外也有直接傳輸 binary data 的方法 client 用 HttpRequest 物件的 send(ArrayBuffer) 方法 php server 用 php://input 接收資料應該是可以有 A 方案的長度限制，而且還不會浪費而直接使用 post_max_size (不過這個我只確定可以跑，長度限制還沒仔細測試) 參考：Sending binary data 最後， canvas 產生的 png 體積還是比繪圖軟體產生的 png 大所以如果只是上傳圖片不需要修圖那可以直接用 FileReader 讀取後上傳如果需要修圖，可以視情況存成jpg 或是去找看看有沒有優化 png 的js函式庫萬一還是太大，就得考慮將1個圖檔分割上傳後再合併了本篇文章回覆於2018-04-02 22:35 == 簽名檔 == --未登入的會員無法查看對方簽名檔--

回覆

如要回應,請先登入.

1樓回應浩瀚星空	一般來說，post是沒有容量限制的。其主因是在於操作系統中的限定。你可以先試一下直接用form中的file看看是否可以上傳超過容量的值。再利用一下form的特性，直接傳input大資料先試試。我個人是使用form這個jquery插件，來處理ajax form。一般是沒什麼問題的。早前我也是用ajax post來傳送base64的資料。確實會有個限制不會正常傳送。原因有很多種。比較的可能性是因為javascript不能直接傳送大數據。採用form這個jquery插件。它也是一種ajax的處理。不過處理的方式不太一樣。所以可以正常傳送大數據。你或許可以改用這樣的方式來處理。本篇文章回覆於2018-04-02 11:27 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
2樓回應淺水員	試著在 ajax 之前(第8行)補上 console.log(dataURL.length); //如果不會看 console 也可以用 alert(dataURL.length) 代替這是確認你送出去的字串真的沒有超過8M 我猜想的原因是，你提到的900多k是原始圖檔的大小如果原始圖檔是jpg格式的話，丟到canvas用png輸出，大小會多好幾倍 (而且不同瀏覽器產生的png大小也不同) 此外，二進位資料在轉換為Base64的過程中，大小又會增加約1.33倍如此一來就超過8M的限制了我傳送 3M 左右的資料到以下狀態的伺服器是可行的 post_max_size=8M upload_max_filesize=2M 下面是我的測試用程式<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>456</title> <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> </head> <body> <input type='file' id='fileinput'> <input type="button" value="傳送" id="bt" onclick="sendFile()"> <script type="text/javascript"> function sendFile() { var finp=document.getElementById("fileinput"); var fd=new FileReader(); fd.onload=function (e){ console.log("send "+e.target.result.length+" bytes"); $.ajax({ method:'POST', url:'aaa.php', data:{img:e.target.result}, success:function (r){ console.log(r); } }); } fd.readAsDataURL(finp.files[0]); } </script> </body> </html>關於aaa.pdp<?php if(isset($_POST['img'])) echo 'receive '.strlen($_POST['img']).' bytes'; else echo 'receive 0 bytes'; ?> 本篇文章回覆於2018-04-02 18:38 == 簽名檔 == --未登入的會員無法查看對方簽名檔--
3樓回應淺水員	依照這個討論串做了實驗下面是我剛剛做實驗的結論： A.使用 ajax POST 傳 base64字串： 1. 長度限制要看 post_max_size 2. 轉base64的過程中原始資料會變大為1.33倍左右，因此原始檔案大小大約只能是 0.75 倍的 post_max_size B.直接使用 form 傳送(包含使用jQuery Form Plugin)： 1. 大小限制要看 upload_max_filesize 2. 原始檔案大小可以用 upload_max_filesize 為基準因此，B方案雖然不會浪費空間但是由於一般伺服器都會設定 post_max_size > upload_max_filesize (像是 wamp 預設 post_max_size=8M upload_max_filesize=2M) 所以反而常常出現A方案能傳輸的檔案大小較大除了上面兩個方案外也有直接傳輸 binary data 的方法 client 用 HttpRequest 物件的 send(ArrayBuffer) 方法 php server 用 php://input 接收資料應該是可以有 A 方案的長度限制，而且還不會浪費而直接使用 post_max_size (不過這個我只確定可以跑，長度限制還沒仔細測試) 參考：Sending binary data 最後， canvas 產生的 png 體積還是比繪圖軟體產生的 png 大所以如果只是上傳圖片不需要修圖那可以直接用 FileReader 讀取後上傳如果需要修圖，可以視情況存成jpg 或是去找看看有沒有優化 png 的js函式庫萬一還是太大，就得考慮將1個圖檔分割上傳後再合併了本篇文章回覆於2018-04-02 22:35 == 簽名檔 == --未登入的會員無法查看對方簽名檔--