随笔分类 -  图片上传

图片上传预览
摘要：<body> <input type="file" id="file" name="" /> <div id="image" style="width:390px;height:280px; background:#CCCCCC; float:left;"> <img src="11.png" /> 阅读全文
posted @ 2018-11-29 18:11 岑丰涛 阅读(192) 评论(0) 推荐(0)
ajax上传图片到服务器简单操作
摘要：前端： 通过Ajax方式上传文件，使用FormData进行Ajax请求。上传文件或图片时，要求的格式为enctype ="multipart/form-data"(以二进制格式上传)，在使用ajax上传时需要注意。 html代码： js代码： 当上传完成，我们可以拿到控制台的信息： Content- 阅读全文
posted @ 2018-11-29 18:03 岑丰涛 阅读(5631) 评论(0) 推荐(0)
前端获取图片压缩后上传给后台
摘要：此前有同事跟我聊过关于移动端用canvas压缩图片后再上传的功能，最近有了点空闲时间，所以就实践了一下。demo效果链接在文章底部贴出。 在做移动端图片上传的时候，用户传的都是手机本地图片，而本地图片一般都相对比较大，拿iphone6来说，平时拍很多图片都是一两M的，如果直接这样上传，那图片就太大了 阅读全文
posted @ 2018-11-29 17:43 岑丰涛 阅读(1384) 评论(0) 推荐(0)