問題描述
我正在嘗試使用 Canvas 的 DataURL(使用 JavaScript)創(chuàng)建圖像.當用戶點擊提交時，該值會被發(fā)送到一個輸入類型的文本標簽(例如，)，然而，顯然在 Chrome 上，當它的長度為 524,288 個字符.
我將它發(fā)送到輸入標簽，因為我需要在 PHP 中獲取值(作為 $_POST['dataurltext'];)，以便我可以創(chuàng)建一個圖像并將其上傳到我的網(wǎng)絡服務器.
關于如何繞過這個長度的任何想法?
我應該改用評論框嗎?
感謝您的幫助，不勝感激.
Try sent canvas as Blob at javascript;使用 fopen() 和 php://input 作為參數(shù)來讀取 Blob、stream_copy_to_stream 或 file_get_contents() , file_put_contents() 在 php
參見 HTMLCanvasElement.toBlob()
if (!HTMLCanvasElement.prototype.toBlob) {Object.defineProperty(HTMLCanvasElement.prototype, 'toBlob', {價值:功能(回調(diào)，類型，質(zhì)量){var binStr = atob( this.toDataURL(type, quality).split(',')[1] ),len = binStr.length,arr = new Uint8Array(len);for (var i=0; i除了 $_POST, $_GET和 $_FILE:在 JavaScript 和 PHP 中使用 Blob
I am trying to create an image using DataURL of a Canvas (using JavaScript). When a user hits submit, the value gets sent to an Input type text tag (e.g., <input type='text'>), however, apparently on Chrome, the text gets cut off when it is at length 524,288 characters.
I am sending it to an input tag because I need to obtain the value in PHP (as a $_POST['dataurltext'];), so that I can create an image and upload it to my web server.
Any ideas on how to bypass this length?
Should I use a comment box instead, maybe?
Thank you for any help, it will be greatly appreciated.
Try sending canvas as Blob at javascript; use fopen() with php://input as parameter to read Blob, stream_copy_to_stream or file_get_contents() , file_put_contents() to process file at php
See HTMLCanvasElement.toBlob()
if (!HTMLCanvasElement.prototype.toBlob) {
Object.defineProperty(HTMLCanvasElement.prototype, 'toBlob', {
value: function (callback, type, quality) {
var binStr = atob( this.toDataURL(type, quality).split(',')[1] ),
len = binStr.length,
arr = new Uint8Array(len);
for (var i=0; i<len; i++ ) {
arr[i] = binStr.charCodeAt(i);
}
callback( new Blob( [arr], {type: type || 'image/png'} ) );
}
});
}
Beyond $_POST, $_GET and $_FILE: Working with Blob in JavaScript and PHP
<?php
// choose a filename
$filename = "hello.json";
// the Blob will be in the input stream, so we use php://input
$input = fopen('php://input', 'rb');
$file = fopen($filename, 'wb');
// Note: we don't need open and stream to stream, we could've used file_get_contents and file_put_contents
stream_copy_to_stream($input, $file);
fclose($input);
fclose($file);
?>
這篇關于嘗試使用輸入類型文本傳遞超過 524288 字節(jié)的 ToDataURL的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網(wǎng)！