JS切割图片利器–JQuery Jcrop

Sep 21 2009 Published by Tony under Javascript

什么都不说了,上代码:

$.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" />

No responses yet

JQuery 上传文件的插件 uploadify

Aug 07 2009 Published by Tony under Javascript

最近用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可参考官方文档

No responses yet