**H5圖片上傳插件，H5文件上傳插件** 搜索大量資料，沒有符合自己的需求的上傳插件，于是乎自己搗鼓出 了一個，非常好用，功能隨心設置；話不多說，直接上 老版本已經下架，請下載新版本 [下載地址](https://github.com/wycto/jquery) github最新版下載：**請先購買去“H5文件上傳插件”章節。** 文檔說明：**請先購買去“H5文件上傳插件”章節。** 使用方法： 1.在文檔底部任何位置放置 如下標簽 ~~~ <input id="avatar" type="file" accept="image/*" multiple="multiple" style="display:none"/> ~~~ 2.設置點擊上傳按鈕 ~~~ <div id="your_img"> <img src="images/avatar.jpg" /> </div> ~~~ 3.上傳js代碼 ~~~ $('#your_img span').click(function(){ $("#avatar").wyUpload({ method:0, allowType:['jpg', 'jpeg', 'png', 'gif'], allowSize:500, success:function(img){ $("#your_img>img").attr("src",img); }, error:function(message){ $.messager.alert('溫馨提示',message,'warning'); } }); $("#avatar").click(); }); ~~~ 該方法為base64上傳方式， 4.php base64轉換代碼 ~~~ /** * base64圖片上傳 * * @param string $img * base64字符串 * @return 圖片保存路勁 */ function uploadFile($img = "", $fileext = 'jpg') { if ($img != "") { $i = stripos($img, "base64,"); $base = substr($img, $i + 7); $img = base64_decode($base); if ($fileext == 'jpg' || $fileext == 'png' || $fileext == 'gif' || $fileext == 'jpeg' || $fileext == 'bmp') { $dir = './attached/image/' . date("Ymd", time()); } else { $dir = './attached/file/' . date("Ymd", time()); } if (!is_dir($dir)) mkdir($dir); $url = $dir . '/' . time() . "." . $fileext; $a = file_put_contents($url, $img); $url = substr($url, 1); return $url; } } ~~~ <h4 style="color:green;font-weight:700">有不懂的，請留言</h4>