2 x jax x_jax 于 2016.02.14 16:36 提问

.NET后台shtml页面上传图片裁剪功能

我需要:图片已经上传成功了,在点击某张图片后弹出一个东西,显示所选择的图片并且能够对其操作,包括自定义大小裁剪,有个确定按钮,点击之后保存并将之前的图片替换。

插件也可以,Jcrop好像不太行

2个回答

wyy94
wyy94   2016.02.15 10:31
已采纳

可以上传到网页上不先保存,然后进行裁剪,点击确定保存

x_jax
x_jax 有几个问题导致思路不够清晰:1.需要能够支持多图上传,怎么才能同时包含裁剪功能(裁剪不是只能一张一张的处理嘛);2.目前是通过CuteWebUI控件来上传并使用jquery.lightbox-0.5.js的插件来查看图片,我想通过更改查看图片的效果为点击这个图片就弹出一个界面来用与裁剪所选的这张图片;3.不需要每张图片上传的时候客户都要裁剪
2 年多之前 回复
x_jax
x_jax   2016.02.14 16:52

求大神给点建议啊...

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
选取图片裁剪并上传功能的实现(后台java实现)
头像裁剪上传功能,用到的技术有 jquery,springmvc,裁剪插件用的是jcrop(中间遇到很多坑,最终跨越)。由于保密性我不能将别的源码发送到网上,请大家见谅。 图片上传步骤: 1.用户选择图片 2.将图片传入后台:用户选择图片的时候选择的是各种各样的,但是我们的网页显示图片大小是有限的,所以我们就要在用户选择图片之后将图片添加到后台进行压缩,压缩成我们想要的大小,之后再显示到页面才好 3.利用jcrop裁剪工具对图片进行裁剪并且实时预览 4.点击确定按钮将裁剪用到的参数传入后台,后台图片进行剪
5 款最新的 jQuery 图片裁剪插件
转载自:http://www.oschina.net/news/56782/5-latest-jquery-image-crop-plugins 这篇文章主要介绍最新的 5 款 jQuery 图片裁剪插件,可以帮助你轻松的实现你网站需要的图像裁剪功能。 Cropit Cropit 是一个 jQuery 插件,支持图像裁剪和缩放功能。Cropit 通过 FileReader 进行本地图片加
cropper.js 移动端上传图片 并 裁剪 的功能实现
定好页面  效果如图 要求 点击 + 号之后  上传图片  裁剪之后 放在页面上 实现 依赖  remodal 和 cropper.js  把裁剪的内容 放在remodal里  点击 + 号的时候  remodal打开 可以上传 html代码 上传一张作品图
超简单实现图片裁切功能
超简单实现图片裁切功能
ASP.NET MVC实现剪切图片
开发需要,我们需要对某一张图片进行剪切。就是说,获取图片某一区域。下面Insus.NET教大家轻便容易实现它。 首先写好一个处理函数,它建在MVC应用程序结构Utilities目录下:   准备好一张图片,即是将用来剪切的图片。本例中的图片是从http://cn.bing.com下载,版权所属原作发布者所有。放在UploadFiles内。 创建控制器:
关于PHP+JQuery图片上传,裁剪,并存储的一些总结
关于JS的三大误区。==误区1:js可以生成图片文件?==js不能操作文件,只能形成裁剪效果,无法生成图片文件。==误区2:js选择文件时,可以获得文件路径。==js选择文件时,无法获取文件在个人电脑中的路径。==误区3:js可以通过 $("input").val() 为 <input type=file> 赋值。==js不能为 <input type=file> 自动赋值,出于安全方面考虑,fil
上传图像之裁剪
一个但凡涉及到用户信息的应用,总少不了设置用户图像这个小功能。之前做这块的时候只是简单的复制粘贴导致最近再做这个功能的时候,却发现问题很多,拍照及相册选择后启动系统裁剪要不崩溃要不就是没有返回数据,今天好好梳理一下这个功能。  调用系统拍照界面: private void startTakePhotoActivity() { temp_file_name = String.
图片裁剪上传插件—jquery.photoClip.js
分别介绍了两种插件 1.cropper.js 具体详情:https://segmentfault.com/a/1190000012344970 (1)在页面直接使用cropper     接下来只是实现一个简单的功能:网页中可以上传图片,然后对图片进行裁剪,点击确定后会显示出裁剪后的图片。 裁剪图片         .row{      
上传图片 支持剪切图片 前后台代码
我是在上传头像是用到  上传头像去截取你要的部分图片 1.jsp文件 Document .avatar-btns button { height: 35px; } 头像
带裁剪的图片上传功能jquery插件
实现图片上传及图片裁剪功能,时间比较仓促,目前只允许单图片有裁剪功能,其中图片裁剪用到了imgareaselect插件,其实前端是伪裁剪,将裁减坐标传递给后台处理,需后台配合,备份一下代码/** * Created by lgy on 2017/11/25. * 图片上传插件 */ (function ($) { $.fn.esupload = function (options)