周末大放送网站图片上传,水印,预览,截图

前端之家收集整理的这篇文章主要介绍了周末大放送网站图片上传,水印,预览,截图前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

    周末闲着没事,将网站中经常用到的对图片的操作做了一个总结,方便以后回顾,这里将一天的成果,贴出来,希望能帮到大家。

    首先是swfupload方式的无刷新上传,关于怎么配置,按照demo 的写法,我相信只要你不是太笨,都能成功。

    关于swfupload你可以去网上下,也可以点这里下载:

   项目结构:

            

上传代码:

前台上传页面,你可以根据需要建html页,也可以建webform。这里用一般处理程序来对照片进行处理,加水印,修改文件名等操作。

预览和截图,水印代码(这里将他们整合在一个页面了,实在不想再建页面,在配置swfupload),截图的时候,用到网上的一个jquery插件(可变层,可移动层)

其实对照片的操作还有生成缩略图,我想着图片上传后,就是对照片按比例缩放,这里就不再赘述了。其实在总结的时候,遇到最让人DT的就是uploadify这个上传插件,也不知道什么地方设置错了,能上传成功,但就是不能触发事件,这里也将代码贴出来,有知道的大神,一定告诉我,这代码很折腾人啊。

这可能也是我选择swfupload放弃uploadify的原因,不能触发上传成功的事件,获取不到上传成功的图片的路径。

解决方案:

代码:

最多一次上传10张图片< 上传 重置上传队列

一般处理程序代码:

/// /// }

这里将代码展开,方便看到的大神,知道什么原因的,不要吝啬你的一点点点点时间,拯救一下我这个为代码疯狂的小白,不胜感激!

 问题:在uploadify上传成功后,为什么不触发oncompelete事件?

         是否上传成功后的路径可以 context.Response.Write(路径);在oncompelete事件参数中response能获取到该路径?

Demo下载:

  uploadify照片上传

               swfuploadify照片上传,预览,截图,水印

 

猜你在找的HTML相关文章