博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
手机应用端的任务
阅读量:6081 次
发布时间:2019-06-20

本文共 2027 字,大约阅读时间需要 6 分钟。

hot3.png

目的制作手机应用的服务器端,环境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}); //显示按钮

其他弹出按钮,比较简单,参考文章。

//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" οnclick="javascript:$('#file_upload').uploadify('upload')" class="regist_butt4" value="确认上传"/>
<input type="button" id="useravatar" οnclick="javascript:$('#file_upload').uploadify('cancel');" class="regist_butt4" value="取消上传"/>

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

你可能感兴趣的文章
Deployment Groups Object Number
查看>>
面试题
查看>>
Xcode 4.3 使用xcodebuild命令编译项目环境设置
查看>>
大数据时代汽车行业CRM营销-李晓明,勒卡斯
查看>>
章文嵩-构建云计算平台的实践
查看>>
Sql delete 语句时表别名写法
查看>>
EGOTextView
查看>>
redis监控客户端redis-cli
查看>>
hibernate中拦截器与事件监听器的区别
查看>>
一个简单的电话本程序,支持添加和查找功能。
查看>>
使用堆栈实现括号的匹配
查看>>
超强壮的RSA加密Android短信
查看>>
MyEclipse中把选中的一部分代码变成全部大写或小写快捷键
查看>>
图片缩放
查看>>
自定义表单中计算控件的插件代码
查看>>
Java中的代理的使用
查看>>
springboot 下载文件
查看>>
使用C#创建SQL Server的存储过程
查看>>
一个鸡蛋的启示(传疯了)
查看>>
FreeMarker的优点和缺点
查看>>