把canvas绘制图形上传到服务器

最新推荐文章于 2022-12-12 08:45:00 发布

风不二

最新推荐文章于 2022-12-12 08:45:00 发布

阅读量1.1k

点赞数

文章标签： canvas 图形服务器 upload

1、直接把 DataURI 字串儲存起來，等要用的時候直接輸出至的 src 屬性或是 CSS 中：

<img src="<?php echo $base64_img_string; ?>" />

將 base64 DataURI 送到 PHP 端儲存成圖片後使用：

<?php
  // 設定圖檔上傳路徑
  define('UPLOAD_PATH', 'images/');

  // 接收 POST 進來的 base64 DtatURI String
  $img = $_POST['data'];

  // 轉檔 & 存檔
  $img = str_replace('data:image/png;base64,', '', $img);
  $img = str_replace(' ', '+', $img);
  $data = base64_decode($img);
  $file = UPLOAD_PATH . uniqid() . '.png';
  $success = file_put_contents($file, $data); 

  // output string
  $output = ($success) ? '<img src="'. $file .'" alt="Canvas Image" />' : '<p>Unable to save the file.</p>';

view

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="UTF-8">
  <title>PHP base64 image decode demo</title>
  </head>
  <body>
    <!-- 成功存檔的話會秀出 img 標籤以及圖檔，失敗的話會出現 Unable to save the file 的訊息 -->
    <?php print $output; ?>
  </body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

风不二

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
把canvas绘制图形上传到服务器

1、直接把 DataURI 字串儲存起來，等要用的時候直接輸出至的 src 屬性或是 CSS 中：" />將 base64 DataURI 送到 PHP 端儲存成圖片後使用：<?php // 設定圖檔上傳路徑 define('UPLOAD_PATH', 'images/'); // 接收 POST 進來的 base64 DtatURI String
复制链接

扫一扫