iT邦幫忙

0

如何不透過 input 也抓到每個 img 的值?並且下載到 server 中?

這是我找到的資源
http://jsfiddle.net/qF7Ff/

我現在的做法是一樣用 js 的filereader去產生每個 base64 網址
每一個預覽都是一個 input name=icon[]
然後後端再用這樣去接,去下載下來每個圖片
所以會是 <input name="icon[]" type="hidden" value="base64......">

foreach ($_POST['icon'] as $key => $value) {

      preg_match('/^(data:\s*image\/(\w+);base64,)/', $value, $result);
      $file_ext = '.'.$result[2];
      $file_name = $first['prod_id'].'-'.md5(rand());
      file_put_contents('../../images/product/'.$file_name.$file_ext, base64_decode(str_replace($result[1], '', $value)));
      

我找到的那個資源,裡面一樣是上傳,只是他產生的每一個物件都是
<img src="base64.......">

那我後端我要怎麼接才能下載這些圖片?
ajax 需要做什麼改變來接應呢?

ajax

var formData = new FormData($('#form')[0]);

$.ajax({
        type: "POST",
        url: "xxx",
        data: formData,
        enctype: "multipart/form-data",
        cache: false,
        contentType: false,
        processData: false,
froce iT邦大師 1 級 ‧ 2018-07-31 18:31:10 檢舉
1.formData可以用append增加上傳項目。
2.轉成base64後,就是字串,有必要一定要用"multipart/form-data"去傳嗎?
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答