这个好像是有专门的一个jquery插件的。
在项目中使用 Discuz!NT的上传头像功能 兼容主流浏览器。
大虾, 我想要一个jquery写的 图片预览 /剪切和上传。 预览 我已经解决不同浏览器兼容问题了,上传的话, 使用jquery+ajax 可以实现了 , 现在卡在了剪切 这里了 。您能不能 拿出个 jquery+aspx的图片预览+剪切+上传 的demo~ 小嘀,感激不尽哈~
是不是css文件或css代码没有正确引用啊
火狐安全性太高
index.chtml @{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml"; } @section HeadCss{} @section HeadScript{
}
@{} ----------------------------------------------- Controller: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using System.IO; using System.Drawing; using MvcApplication2.Models; namespace MvcApplication2.Controllers { public class HomeController : Controller { public ActionResult Index() { return View(); } [HttpPost] public JsonResult Upload(HttpPostedFileBase upImg) { string fileName = System.IO.Path.GetFileName(upImg.FileName); string filePhysicalPath = Server.MapPath("~/upload/" + fileName); string pic = "", error = ""; try { upImg.SaveAs(filePhysicalPath); pic = "/upload/" + fileName; } catch (Exception ex) { error = ex.Message; } return Json(new { pic = pic, error = error }); } [HttpPost] public ActionResult Crop(ModelA A,string N)//(int[] values,string path)int x1,int y1,int w1,int h1,string path { string path1 = HttpContext.Server.MapPath(N); Image orgImage = Image.FromFile(path1);//实例化iamge对象,path1就是这张图像的绝对URL Image currentImage = new Bitmap(A.W, A.H, System.Drawing.Imaging.PixelFormat.Format32bppRgb);//再实例化一个image对象,不过使用的是bitmap的构造方法,这里就是你要裁剪后的图像存放的对象 Graphics g = Graphics.FromImage(currentImage);//graphics用于对图像的处理,这里就是裁剪 Rectangle destRect = new Rectangle(0, 0, A.W, A.H); int x = A.X; int y = A.Y; int w = A.W; int h = A.H; Rectangle srcRect = new Rectangle(A.X, A.Y, w, h);//定义矩形框,裁剪有用的嘛 g.DrawImage(orgImage, destRect, srcRect, GraphicsUnit.Pixel);//裁剪图像了,第一个参数就是原图,第二个就是裁剪后的大小,第三个就是你要裁剪原图的哪部分,最后那个参数则是GraphicsUnit枚举的成员,它指定srcRect参数所用的度量单位。 g.Dispose(); orgImage.Dispose(); string path2 = HttpContext.Server.MapPath("../Content/(2)flowers.jpg");//最后保存就可以了 currentImage.Save(path2); return Json("成功!"); } } }