使用ajax上传图片,支持图片即时浏览,支持js图片压缩后上传给服务器 ajax上传主要使用了 var reader = new FileReader() 此方法 js图片压缩主要是利用canvas进行的 源码: /** * js使用form上传图片,支持本地预览选中的图片,支持携带自定义参数 * @param {string} params.previewImgId 预览图片控件id,可以预览上传图片 * @param {string} params.url 提交上传的url * @param…
1.使用vue-resource上传,也可以自定义ajax上传: 2.使用<input type="file" @change="submit()" name="multipart" class="element" accept="image/*" id="headerImage">标签,在submit的时候执行方法 3.正式代码  let oFiles = document…
先上效果 上传图片后(设置了最多上传3张图片,三张后上传按钮消失) 点击图片放大,可以使用删除和旋转按钮 (旋转功能主要是因为ios手机拍照后上传会有写图片被自动旋转,通过旋转功能可以调正) html页面 需要引入weui.min.css 不然没法渲染样式, 将下面的代码放在需要上传文件的地方就行了,如果不需要图片旋转功能, 可以直接删掉那个div, 改不改js无影响 addPhoto.html <!--图片缩略图--> <div class="weui-cells weui-…
直接上代码:(具体看注释) 需要引用jquery.min.js <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv…
在对gif或png格式的图片进行缩放等操作时,原本透明背景的图片最后都变成黑色的,解决办法 $img = imagecreatetruecolor(, ); //2.上色 $color=imagecolorallocate($img,,,); //3.设置透明 imagecolortransparent($img,$color); imagefill($img,,,$color); 然后再进行imagecopyresampled和Imagecopymerge就没有问题了…
function CutImgToBase(fn: string): string; // 压缩图片只能压缩bmp:将jpg转换成bmp再压缩 var m1: TMemoryStream; m2: TStringStream; jpg: TJPEGImage; bmp: TBitmap; begin jpg := TJpegImage.Create; bmp := TBitmap.Create; m1 := TMemoryStream.Create; m2 := TStringStream.Cr…
function preview_picture(pic){ var r=new FileReader(); r.readAsDataURL(pic); r.onload=function(e){ dealImage(this.result,{width:600},function(data){ picture=data $('#pic-box').attr("src",data); }); } } function dealImage(path, obj, callback){ va…
1.Servlet   代码 public class ZoomImgServlet extends HttpServlet implements Servlet { public void init(ServletConfig conf)throws ServletException {}    public void doGet(HttpServletRequest req, HttpServletResponse resp)            throws ServletExcepti…
$type = exif_imagetype($srcimg); switch($type) { case 1: $simg = imagecreatefromgif($srcimg); break; case 3: $tmp = imagecreatefrompng($srcimg); $w = imagesx($tmp); $y = imagesy($tmp); $simg = imagecreatetruecolor($w, $y); $bg =imagecolorallocate($si…
工作中需要缩放一些gif图然后在去Imagecopymerge,可是发现使用了imagecreatetruecolor和imagecopyresampled后发现背景图不对,本来透明的背景图变成了黑色,后来发现做一些修改才可以: $img = imagecreatetruecolor(200, 200); //1.创建画布$color=imagecolorallocate($img,255,255,255); //2.上色imagecolortransparent($img,$color); /…