什么都不说了,上代码:
$.Jcrop("#cropbox",{
aspectRatio:cropAspect,//切割时的长宽比例
onSelect:funciton1,//select的事件回调函数
boxWidth:200,
boxHeight:200,
onChange:function2//切割时的事件处理
}
<img align="center" id="cropbox" src="" alt=""/>
<input id="imageX" name="imageX" value="0" type="hidden" />
<input id="imageY" name="imageY" value="0" type="hidden" />
<input id="imageWidth" name="imageWidth" value="0" type="hidden" />
<input id="imageHeight" name="imageHeight" value="0" type="hidden" />
最近用JQuery做项目,使用了一个flash做的上传文件的插件。uploadify
$("#ps_p_upload_file").fileUpload({
'uploader': '/library/uploadify/uploader.swf',
'cancelImg': '/library/uploadify/cancel.png',
'script': 'uploadtest.jsp',
'fileDataName' : 'fileData', /* maps to the field in the action */
'multi': true,/* 是否多个文件 */
'fileDesc': 'Image Files',/* 文件描述*/
'fileExt': '*.jpg;*.jpeg;*.gif;*.png',/* 文件类型(filter) */
'buttonText': 'Select Files',
'displayData': 'speed',
'simUploadLimit': 4,/* 多文件上传的个数限制 */
'scriptData': {'_eventName':'uploadPicture'},/*提交时带的参数*/
onAllComplete: function (evt, response, data) {
console.log(data);
});
这个插件还算好用,而且还支持事件触发。
具体的API可参考官方文档