本文转载http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使 ...
分类:
Web程序 时间:
2016-04-01 17:58:45
阅读次数:
246
Uploadifyv3.2.1上传图片并预览前端JSP:<scripttype="text/javascript">
$(function(){
$("#upload_org_code").uploadify({
‘height‘:27,
‘width‘:80,
‘buttonText‘:‘选择图片‘,
‘swf‘:‘${pageContext.request.contextPath}/js/uploadify/uploadify.swf‘,
‘uploader‘:‘..
分类:
Web程序 时间:
2016-03-20 02:18:16
阅读次数:
247
一、我在写一个头像上传剪切的demo时遇到了这个问题,正常大小的图片通过maxwidth设置后不会有问题,但是当上传图片太大时,由于被缩放导致Jcrop剪切时获取的不是实际剪切位置,因此需要按比例计算所剪切的图片大小 html代码 1 <%@ page language="java" content
分类:
Web程序 时间:
2016-03-08 16:22:32
阅读次数:
329
在做日常项目中,经常在后台需要上传图片等资源文件,之前使用过几次这个组件,感觉非常好用 ,但是每次使用的时候都是需要经过一番查阅,所以还不如记住在这里,以后使用的时候就翻翻。 他的官方网站如下:http://www.uploadify.com/ 插件下载地址:http://www.uploadify
分类:
Web程序 时间:
2016-03-05 01:34:09
阅读次数:
285
摘自:http://itindex.net/detail/47160-java-jquery-%E4%B8%8A%E4%BC%A0 运行效果: 包结构图: 后台JAVA逻辑: package com.bijian.study; import java.io.File; import java.io.
分类:
编程语言 时间:
2016-03-01 16:02:14
阅读次数:
236
在这一篇里,我来具体讲讲代码该如何写。 下面是jCrop的初始化代码 //图片裁剪插件Jcrop初始化 function initJcrop() { // 图片加载完成 document.getElementById('originalImg').onload = function () { var
分类:
其他好文 时间:
2016-02-03 16:32:55
阅读次数:
160
上一篇简单的介绍了一下开发的背景以及一些学习资料,下面开始介绍如何上手。 一、下载jCrop http://deepliquid.com/content/Jcrop_Download.html 直接去官网下载就好了。 二、将插件部署到项目中。 一般引入这两个文件就可以了。 三、开始初始化插件。 最简
分类:
其他好文 时间:
2016-02-03 16:31:28
阅读次数:
147
之前,项目经理为了提升用户体验让我在之前图片上传功能的基础上实现图片的裁切功能,作为一个前端小白来说听了这个需求心里一紧,毕竟没有做过,于是跟项目经理商量要先做下调研。在一上午的调研中发现了jCrop这个插件出现的概率最高而且也比较符合项目的要求并且网上的教程也很多,于是果断开始了对这个插件的实践。
分类:
其他好文 时间:
2016-02-03 16:27:52
阅读次数:
127
(源码下载链接: http://pan.baidu.com/s/1pJVxMAn 密码: gbuz) 个人习惯,代码不贴出来,自己去云盘下。 我们先看一下百度上传头像的页面。如下图。 再 看看我做的效果。 图1 图2 上面是我做出的效果,灰色是一个400X400的背景,图片会自动适应 (图1和图2
分类:
Web程序 时间:
2016-02-02 16:31:51
阅读次数:
163
目录[-] Options选项设置 Events事件 Methods方法 Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载。 官方下载 官方文
分类:
Web程序 时间:
2016-02-01 14:21:27
阅读次数:
233