求照片上传功能的实现，求高手指教！

ganshenml 2014-03-07 09:57:47
在网上查了好几天，硬是没有找到合适的，因为时间的确挺紧的，所以没办法学了，只能借助人家的资源，但是无论如何资源真的好少！无非就是想像一般网站一样，上传自己的头像（设定大小，格式）到服务器，然后从服务器中取出来显示在照片框里面，很简单的一个功能，却挣扎了许久！
希望有经验的高手指点一下，给个链接或者资源什么的，走了太多的弯路了！

十分感谢，么么哒！
...全文
546 40 打赏 收藏 转发到动态 举报
写回复
用AI写文章
40 条回复
切换为时间正序
请发表友善的回复…
发表回复
chen870201 2014-03-10
  • 打赏
  • 举报
 回复
网上很多这样的控件啊
ganshenml 2014-03-10
  • 打赏
  • 举报
 回复
引用 38 楼 hMBDEAONY 的回复:
[quote=引用 37 楼 ganshenml 的回复:] [quote=引用 27 楼 hMBDEAONY 的回复:] [quote=引用 楼主 ganshenml 的回复:] 在网上查了好几天，硬是没有找到合适的，因为时间的确挺紧的，所以没办法学了，只能借助人家的资源，但是无论如何资源真的好少！无非就是想像一般网站一样，上传自己的头像（设定大小，格式）到服务器，然后从服务器中取出来显示在照片框里面，很简单的一个功能，却挣扎了许久！ 希望有经验的高手指点一下，给个链接或者资源什么的，走了太多的弯路了！ 十分感谢，么么哒！
楼主试试这个控件： http://www.cnblogs.com/xproer/p/3573130.html ImageEditor(Web头像编辑控件)是一款简单，方便，好用的图像编辑控件，不用学习就会用。ImageEditor提供了常用图像操作功能，如：左旋，右旋，放大，缩小，可以让每一位用户都够非常容 易上手操作。通过ImageEditor.js，开发人员能够非常方便的将ImageEditor整合在任意系统中。 整合代码： 

	<script language="javascript" type="text/javascript">
		var imgEditor = new ImageEditor();
		imgEditor.Config["PostUrl"] = "http://localhost:1595/asp.net/upload.aspx";
		imgEditor.Fields["UserID"] = "dsh";
		imgEditor.Load();

		$(document).ready(function ()
		{
			imgEditor.Init();
		});
	</script>
[/quote]表示在线演示不了！[/quote]楼主，你用的是什么浏览器？IE吗？我这边可以演示。IE，Firefox,Chrome，360都行。Chrome要单独装一个插件。[/quote]火狐的说呢，不知道为啥，收不到回复了，可能是结贴了的原因吧！
hMBDEAONY 2014-03-09
  • 打赏
  • 举报
 回复
引用 37 楼 ganshenml 的回复:
[quote=引用 27 楼 hMBDEAONY 的回复:] [quote=引用 楼主 ganshenml 的回复:] 在网上查了好几天，硬是没有找到合适的，因为时间的确挺紧的，所以没办法学了，只能借助人家的资源，但是无论如何资源真的好少！无非就是想像一般网站一样，上传自己的头像（设定大小，格式）到服务器，然后从服务器中取出来显示在照片框里面，很简单的一个功能，却挣扎了许久！ 希望有经验的高手指点一下，给个链接或者资源什么的，走了太多的弯路了！ 十分感谢，么么哒！
楼主试试这个控件： http://www.cnblogs.com/xproer/p/3573130.html ImageEditor(Web头像编辑控件)是一款简单，方便，好用的图像编辑控件，不用学习就会用。ImageEditor提供了常用图像操作功能，如：左旋，右旋，放大，缩小，可以让每一位用户都够非常容 易上手操作。通过ImageEditor.js，开发人员能够非常方便的将ImageEditor整合在任意系统中。 整合代码： 

	<script language="javascript" type="text/javascript">
		var imgEditor = new ImageEditor();
		imgEditor.Config["PostUrl"] = "http://localhost:1595/asp.net/upload.aspx";
		imgEditor.Fields["UserID"] = "dsh";
		imgEditor.Load();

		$(document).ready(function ()
		{
			imgEditor.Init();
		});
	</script>
[/quote]表示在线演示不了！[/quote]楼主，你用的是什么浏览器？IE吗？我这边可以演示。IE，Firefox,Chrome，360都行。Chrome要单独装一个插件。
ganshenml 2014-03-09
  • 打赏
  • 举报
 回复
引用 27 楼 hMBDEAONY 的回复:
[quote=引用 楼主 ganshenml 的回复:] 在网上查了好几天，硬是没有找到合适的，因为时间的确挺紧的，所以没办法学了，只能借助人家的资源，但是无论如何资源真的好少！无非就是想像一般网站一样，上传自己的头像（设定大小，格式）到服务器，然后从服务器中取出来显示在照片框里面，很简单的一个功能，却挣扎了许久！ 希望有经验的高手指点一下，给个链接或者资源什么的，走了太多的弯路了！ 十分感谢，么么哒！
楼主试试这个控件： http://www.cnblogs.com/xproer/p/3573130.html ImageEditor(Web头像编辑控件)是一款简单，方便，好用的图像编辑控件，不用学习就会用。ImageEditor提供了常用图像操作功能，如：左旋，右旋，放大，缩小，可以让每一位用户都够非常容 易上手操作。通过ImageEditor.js，开发人员能够非常方便的将ImageEditor整合在任意系统中。 整合代码： 

	<script language="javascript" type="text/javascript">
		var imgEditor = new ImageEditor();
		imgEditor.Config["PostUrl"] = "http://localhost:1595/asp.net/upload.aspx";
		imgEditor.Fields["UserID"] = "dsh";
		imgEditor.Load();

		$(document).ready(function ()
		{
			imgEditor.Init();
		});
	</script>
[/quote]表示在线演示不了！
ganshenml 2014-03-09
  • 打赏
  • 举报
 回复
引用 34 楼 oLinHao007 的回复:
用smartupload插件，很容易上传图片的
谢谢！
ganshenml 2014-03-09
  • 打赏
  • 举报
 回复
谢谢各位的帮忙，我也找到资源了，现在共享一下： http://download.csdn.net/detail/ning5566/4162793 花了10下载分，效果实现还不错，但是也需要改一下： 里面说明也有：增加一个head文件夹 然后就是：按钮每次要刷新一下才能正常使用，所以在下载后，可以在显示页面对按钮的触发事件的js代码，写一段刷新的js代码即可！ 么么哒！结贴了！
linhu007 2014-03-09
  • 打赏
  • 举报
 回复
用smartupload插件，很容易上传图片的
ganshenml 2014-03-09
  • 打赏
  • 举报
 回复
引用 27 楼 hMBDEAONY 的回复:
[quote=引用 楼主 ganshenml 的回复:] 在网上查了好几天，硬是没有找到合适的，因为时间的确挺紧的，所以没办法学了，只能借助人家的资源，但是无论如何资源真的好少！无非就是想像一般网站一样，上传自己的头像（设定大小，格式）到服务器，然后从服务器中取出来显示在照片框里面，很简单的一个功能，却挣扎了许久！ 希望有经验的高手指点一下，给个链接或者资源什么的，走了太多的弯路了！ 十分感谢，么么哒！
楼主试试这个控件： http://www.cnblogs.com/xproer/p/3573130.html ImageEditor(Web头像编辑控件)是一款简单，方便，好用的图像编辑控件，不用学习就会用。ImageEditor提供了常用图像操作功能，如：左旋，右旋，放大，缩小，可以让每一位用户都够非常容 易上手操作。通过ImageEditor.js，开发人员能够非常方便的将ImageEditor整合在任意系统中。 整合代码： 

	<script language="javascript" type="text/javascript">
		var imgEditor = new ImageEditor();
		imgEditor.Config["PostUrl"] = "http://localhost:1595/asp.net/upload.aspx";
		imgEditor.Fields["UserID"] = "dsh";
		imgEditor.Load();

		$(document).ready(function ()
		{
			imgEditor.Init();
		});
	</script>
[/quote]嗯，非常O(∩_∩)O谢谢
ganshenml 2014-03-09
  • 打赏
  • 举报
 回复
引用 26 楼 activexme 的回复:
[quote=引用 楼主 ganshenml 的回复:] 在网上查了好几天，硬是没有找到合适的，因为时间的确挺紧的，所以没办法学了，只能借助人家的资源，但是无论如何资源真的好少！无非就是想像一般网站一样，上传自己的头像（设定大小，格式）到服务器，然后从服务器中取出来显示在照片框里面，很简单的一个功能，却挣扎了许久！ 希望有经验的高手指点一下，给个链接或者资源什么的，走了太多的弯路了！ 十分感谢，么么哒！
记得网上好像有成熟的控件可以使用。你搜一下Web头像上传控件，或者Web图片编辑控件。[/quote]嗯！
ganshenml 2014-03-09
  • 打赏
  • 举报
 回复
引用 24 楼 zhouren1314 的回复:
[quote=引用 21 楼 ganshenml 的回复:] [quote=引用 19 楼 zhouren1314 的回复:] 那个你半天真的就搞定了。。。
度日如年，我知道你说的是半年！砍！[/quote] 看你的头像是萌妹子的份上， 我说的 实话，绝对半天就成功了。。。[/quote]坏人！
wyx100 2014-03-09
  • 打赏
  • 举报
 回复
收藏了，。。。
cwhatiscs 2014-03-09
  • 打赏
  • 举报
 回复
引用 27 楼 hMBDEAONY 的回复:
Xproer.ImageEditor： http://www.cnblogs.com/xproer/p/3573130.html ImageEditor(Web头像编辑控件)是一款简单，方便，好用的图像编辑控件，不用学习就会用。ImageEditor提供了常用图像操作功能，如：左旋，右旋，放大，缩小，可以让每一位用户都够非常容 易上手操作。通过ImageEditor.js，开发人员能够非常方便的将ImageEditor整合在任意系统中。 效果图： 整合代码： 

	<script language="javascript" type="text/javascript">
		var imgEditor = new ImageEditor();
		imgEditor.Config["PostUrl"] = "http://localhost:1595/asp.net/upload.aspx";
		imgEditor.Fields["UserID"] = "dsh";
		imgEditor.Load();

		$(document).ready(function ()
		{
			imgEditor.Init();
		});
	</script>
最近正在做一个OA项目，正好也有这个需求，这个效果不错，整合也比较简单。先收藏了。TKS.
hynombdea 2014-03-09
  • 打赏
  • 举报
 回复
楼主，搜下ImageEditor。效果图如下：
hMBDEAONY 2014-03-09
  • 打赏
  • 举报
 回复
引用 楼主 ganshenml 的回复:
在网上查了好几天，硬是没有找到合适的，因为时间的确挺紧的，所以没办法学了，只能借助人家的资源，但是无论如何资源真的好少！无非就是想像一般网站一样，上传自己的头像（设定大小，格式）到服务器，然后从服务器中取出来显示在照片框里面，很简单的一个功能，却挣扎了许久！ 希望有经验的高手指点一下，给个链接或者资源什么的，走了太多的弯路了！ 十分感谢，么么哒！
楼主试试这个控件： http://www.cnblogs.com/xproer/p/3573130.html ImageEditor(Web头像编辑控件)是一款简单，方便，好用的图像编辑控件，不用学习就会用。ImageEditor提供了常用图像操作功能，如：左旋，右旋，放大，缩小，可以让每一位用户都够非常容 易上手操作。通过ImageEditor.js，开发人员能够非常方便的将ImageEditor整合在任意系统中。 整合代码： 

	<script language="javascript" type="text/javascript">
		var imgEditor = new ImageEditor();
		imgEditor.Config["PostUrl"] = "http://localhost:1595/asp.net/upload.aspx";
		imgEditor.Fields["UserID"] = "dsh";
		imgEditor.Load();

		$(document).ready(function ()
		{
			imgEditor.Init();
		});
	</script>
activexme 2014-03-09
  • 打赏
  • 举报
 回复
引用 楼主 ganshenml 的回复:
在网上查了好几天，硬是没有找到合适的，因为时间的确挺紧的，所以没办法学了，只能借助人家的资源，但是无论如何资源真的好少！无非就是想像一般网站一样，上传自己的头像（设定大小，格式）到服务器，然后从服务器中取出来显示在照片框里面，很简单的一个功能，却挣扎了许久！ 希望有经验的高手指点一下，给个链接或者资源什么的，走了太多的弯路了！ 十分感谢，么么哒！
记得网上好像有成熟的控件可以使用。你搜一下Web头像上传控件，或者Web图片编辑控件。
风火程序员 2014-03-08
  • 打赏
  • 举报
 回复
乔不思 2014-03-08
  • 打赏
  • 举报
 回复
引用 21 楼 ganshenml 的回复:
[quote=引用 19 楼 zhouren1314 的回复:] 那个你半天真的就搞定了。。。
度日如年，我知道你说的是半年！砍！[/quote] 看你的头像是萌妹子的份上， 我说的 实话，绝对半天就成功了。。。
LB228988 2014-03-08
  • 打赏
  • 举报
 回复
引用 22 楼 ganshenml 的回复:
引用 20 楼 LB228988 的回复:
[quote=引用 17 楼 ganshenml 的回复:] [quote=引用 16 楼 LB228988 的回复:] [quote=引用 14 楼 ganshenml 的回复:] [quote=引用 13 楼 LB228988 的回复:] 推荐ajaxfileupload。点击这里
demo没有将图片进行显示！
这个自己写吧！在回调函数中！百度很多的。[/quote]来人啊，拖出去，“砍”！[/quote]分给我就成全你！[/quote]1分！[/quote]
ganshenml 2014-03-08
  • 打赏
  • 举报
 回复
引用 8 楼 gagewang1 的回复:
效果一般的就是文件上传，高大上的要用flash之类的
你倒是给个链接啊，大神！
ganshenml 2014-03-08
  • 打赏
  • 举报
 回复
引用 6 楼 zhouren1314 的回复:
[quote=引用 2 楼 ganshenml 的回复:] [quote=引用 1 楼 zhouren1314 的回复:] 你要求有多高，还走了好多弯路？。。 认识我吗？ 上传张片好多方式（格式已经定），显示的时候css控制（大小，形状），不行吗？
我一直没怎么写过，你想弄死我吧？给个链接或者是资源撒，心累了，真不想写了而且时间又紧！[/quote] 自己去看 半天时间就 搞定了。。[/quote]来人啊，拖出去“砍”！
加载更多回复（19）
html+javascript实现带有预览功能的上传表单的问题（望高手们给指教）

以下代码是html+JavaScript实现的带有图片预览功能的上传表单
1、
      
      
      
带有图片预览<em>功能</em>的上<em>传</em>表单      
<script>      
function viewmypic(
鼠标悬浮图片上,显示上传按钮，点击实现预览功能，支持多浏览器
function previewImage(file) {         //是否是图片文件         var ext = file.value.substring(file.value.lastIndexOf(".") + 1).toLowerCase()         if (ext != 'png' && ext != 'jpg' && ext != 'jpeg' && ex
犀利的lazyLoad,求js高手鉴定
最一段代码,是一段原生的图片加载器,可以实现如下功能,就目前自认为最牛X的页面图片加载器,已经过京东首页测试,IE6 7 8,chrome , ff完美测试通过. 先说下它到底NB在哪里, 1.原生js实现,客户端性能NB.,不依靠任何框架. 2.可以支持两种方式的图片加载 <img src="images/blank.png" data-src="ima...
Javascript与asp.net 实现Ajax多文件无刷新上传
这几天在等着上班，闲来无事，就写了一个无刷新的上传功能，这个上传只是实现局部刷新，我已经把方法都整理好，可以随意添加多个上传控件，只要调用一个方法就可以了，为了便于阅读我没有把JS独立出来，以后真正用到项目上的时候再提出来，我在每个方法上面都写了注视，具体可以看代码部分，现在一直在用JQuery，它提供的方法太好用的，剩了很多事。此方法主要是通过iFrame调用上传页的控件来实现的，具体请看下面的
JAVA B/S系统实现客户端屏幕截图
最近在项目(B/S)中客户要求页面中实现屏幕截图的功能（如WEB QQ屏幕截图那种），起初看了很多JS实现图片截取，如Jquery的插件Jcrop，但是功能和所需要的不一样。此类插件只是实现已有图片的剪切，实现原理一般是在客户端定位需要剪切的图片x,y坐标，然后将参数传给服务器，由服务器实现图片的截取， 实现类似新浪博客头像编辑的功能。[url]http://www.iteye.com...
Web 开发

81,094

社区成员

341,711

社区内容

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章