2 u011500781 u011500781 于 2016.03.03 23:17 提问

请问前端怎么实现裁剪、传图片和传文件的功能? 2C

有前辈遇到过类似的需求吗?
其中之一也行..

图片说明

5个回答

Yiran8935
Yiran8935   2016.03.04 07:51

前端裁剪、插入照片貌似都有工具插件!你上网找找

qq_19891827
qq_19891827   2016.03.04 09:14

只靠前端解决不了这个问题,需要服务器端的配合才行。

luis_fly
luis_fly   2016.03.04 10:29

可以用actionScript 写一个swf实现这个功能。

dcxy0
dcxy0   Ds   Rxr 2016.03.04 10:40

稍微有点麻烦,建议用PHP试试,网上例子很多,http://www.jb51.net/article/39683.htm

showbo
showbo   Ds   Rxr 2016.03.05 14:08

裁剪图片可以用jcrop:http://jcrop.org/

上传这种file控件+弹出层来做记性

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
web前端之用JavaScript实现图片剪切效果(一)
web前端之用JavaScript实现图片剪切效果(一)效果图:说明:用CSS实现效果布局CSS实现图片不透明及裁剪效果opacity: 0-1,用来设置透明度clip:rect(top,right,bottomm,left)用来选择选定的区域大小和位置img2用来覆盖img1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.
前端上传图片到后端
问题:前端上传了图片,后端该怎样处理才能获得图片的url? 方法一、前端通过控件传给后端的是经过base64编码的字符串,后端拿到这个字符串后再经过base64解码,把解码后的图片存到服务器的某个位置,然后数据库中存储图片在服务器中路径。(以下代码是转自:http://www.cnblogs.com/libra0920/p/5754356.html) /** * @Descrip
38.layer上的图片裁剪 矩阵操作
- (void)drawRect:(CGRect)rect { // Drawing code // 画圆, 以便于以后指定可以显示内容范围 CGContextRef ctx = UIGraphicsGetCurrentContext(); CGContextAddEllipseInRect(ctx, CGRectMake(100, 100, 50, 50)); /
选取图片裁剪并上传功能的实现(后台java实现)
头像裁剪上传功能,用到的技术有 jquery,springmvc,裁剪插件用的是jcrop(中间遇到很多坑,最终跨越)。由于保密性我不能将别的源码发送到网上,请大家见谅。 图片上传步骤: 1.用户选择图片 2.将图片传入后台:用户选择图片的时候选择的是各种各样的,但是我们的网页显示图片大小是有限的,所以我们就要在用户选择图片之后将图片添加到后台进行压缩,压缩成我们想要的大小,之后再显示到页面才好 3.利用jcrop裁剪工具对图片进行裁剪并且实时预览 4.点击确定按钮将裁剪用到的参数传入后台,后台图片进行剪
php图片裁剪
jquery 结合php实现图片传裁剪,使用,测试,没问题!
无需Flash实现图片裁剪——HTML5中级进阶
图片裁剪上传,不仅是一个很贴合用户体验的功能,还能够统一特定图片尺寸,优化网站排版,一箭双雕。 但是我不会Flash....
好用的调用图库和拍照并裁剪功能(适用于上传头像)
1.本文是总结GitHub上ImageSelector控件。 2.由于github中的依赖是错误的,所以想要用此控件必须使依赖库的方式运用。 3.Android studio中导入imageselector的依赖包。 4依赖库下载地址:https://github.com/Joy-Whale/ImageSelector。 5.在想要打开的入口处添加如下代码: Intent inten
jQuery+PHP上传裁剪图片
下面是一个简单的jquery图片预览+裁剪的例子,原理是在前端获取要裁剪的信息,如宽高比、裁剪坐标,上传图片之后在后端php进行切割
超简单实现图片裁切功能
超简单实现图片裁切功能
【知识拓展】——云盘是怎么实现“秒传”的 !?
背景:     不知道大家在使用 * 云盘的时候,有没有发现,有时候不管你上传的东西多大,在短暂延迟之后,马上就会提示上传成功了。然而这是怎么回事呢? 原理:     当我们上传文件的时候,软件会有短暂的延迟(提示“正在准备上传文件”),这段延迟就是先校验你的文件的MD5(详解见下文),然后再在该云盘的服务器中通过MD5查找服务器中是否有相同的文件,如果有的话,那么就是将服务器中的文件直接复