手机应用端的任务

目的制作手机应用的服务器端,环境linux+php+apache+mysql

后台制作:简单的cms  框架:brophp

遇到的难点,框架的使用熟悉,js效果artDialog 弹窗插件 uploadify js 图片上传插件 ueditor插件使用。

再次框架下,ueditor只能放到public下,而不能写到public/js/下。

其他问题,暂时没有遇到很大的困难。

插件的各种插件的demo

artDialog

//iframe弹出新窗口
需要包含的文件

<script src="/js/artDialog/artDialog.js?skin=default"></script>
<script src="/js/artDialog/plugins/iframeTools.source.js"></script>

art.dialog.open('url',{title:"title",lock:true//背景层,ok:function(){//成功动作
         var iframe = this.iframe.contentWindow;//获取弹出iframe的window对象
         form1 = iframe.document.getElementById("form1"); //获取弹出层的form
         form1.submit();  
         return false;//终止函数
        },cancel: true}); //显示按钮

其他弹出按钮,比较简单,参考文章。http://www.planeart.cn/demo/artDialog/_doc/plugin.iframe.html#open

//uploadify 图片上传插件,3.2v
总的来说这个插件还是比较好用,但我对他的印象并不是很好,因为,每次升级版本后,参数变动太大,让人很恶心。具体的方式我没弄太懂,先记录一下。

<script type="text/javascript" src="<{$public}>/js/uploadify/jquery.uploadify.js"></script>
<link href="<{$public}>/js/uploadify/uploadify.css"  />

$(function() {
    $('#file_upload').uploadify({
        'debug' : false,                          //调试开关
        'auto' : false,                            //自动提交
        'fileTypeExts':'*.gif;*.jpg;*.jpeg;*.png',     //上传文件类型
        'swf'       : '<{$public}>/js/uploadify/uploadify.swf',                //flash文件路径
        'button_image_url' : '<{$public}>/js/uploadify/selecticon.gif',   //按钮图片路径
        'uploader' : '<{$url}>/uploadfile',       //上传文件的php文件
        'fileSizeLimit': 2048000,                    //上传文件大小
        'width':80,                                      //按钮宽度
        'height':26,                                     //按钮高度 
        'buttonText':'',                                //按钮文字
        "uploadLimit"  : 5,                           //上传文件最大限制
        'onUploadSuccess' : function(file,data,size) {   //上传成功后动作
        //alert(file.name+'\n'+file.toString());
            $("#logo").attr("src","/public/uploads/"+data).show();
            $("#hidlogo").attr("value",data);
        },
        'onUploadError' : function(file, errorCode, errorMsg, errorString) {   //当单个文件上传出错时触发
            alert("文件:" + file.name + " 上传失败!");
        }
    });
});

<input id="file_upload" name="file_upload" type="file"/>
<input type="button" id="useravatar" onclick="javascript:$('#file_upload').uploadify('upload')" class="regist_butt4" value="确认上传"/>
<input type="button" id="useravatar" onclick="javascript:$('#file_upload').uploadify('cancel');" class="regist_butt4" value="取消上传"/>


转载于:https://my.oschina.net/u/736500/blog/135572

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值