手機應用端的任務

目的製做手機應用的服務器端,環境linux+php+apache+mysql javascript

後臺製做:簡單的cms  框架:brophp php

遇到的難點,框架的使用熟悉,js效果artDialog 彈窗插件 uploadify js 圖片上傳插件 ueditor插件使用。 css

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

其餘問題,暫時沒有遇到很大的困難。 java

插件的各類插件的demo mysql

artDialog jquery

//iframe彈出新窗口
須要包含的文件 linux

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

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}); //顯示按鈕 apache

其餘彈出按鈕,比較簡單,參考文章。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="取消上傳"/>

相關文章
相關標籤/搜索