這個部份我找了好久,官網也沒有寫,但後來自己試出來了,以下是筆記:

新增設定檔
直接在 /config/ 底下隨便複製一個檔案,然後把裡面內容改成自己要的
    如:my.php

wbkuo 發表在 痞客邦 留言(0) 人氣()

參考文章: http://abandon.ie/notebook/simple-file-uploads-using-jquery-ajax

測試程式碼

<?php
    // ajax 呼叫
    if (isset($_POST['upload_form']))
    {
        echo "<pre>_FILES = " . print_r($_FILES, TRUE). "</pre>";
    }
    // 一般 form submit
    elseif (isset($_FILES) && $_FILES)
    {
        echo json_encode($_FILES);
        return;
    }
?>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script src="https://code.jquery.com/jquery-1.12.2.js"></script>
<script>
var ajax_upload =
{
    files : [],

    init : function ()
    {
        var _self = this;

        // 綁定檔案變更時的處理
        $('input[type=file]').on('change', function(event) {_self.prepareUpload(event); });

        // 上傳
        $('#upload_ajax').bind('click', function (event)
        {
            _self.upload(event);
        });
    },

    prepareUpload : function (event)
    {
      this.files = event.target.files;
      console.log(this.files);
    },

    upload : function ()
    {
        console.log('files = ', this.files);

        var data = new FormData();
        $.each(this.files, function(key, value)
        {
            data.append(key, value);
        });

        $.ajax(
        {
            url         : 'ajax_post_file.php',
            type        : 'POST',
            data        : data,
            cache       : false,
            dataType    : 'json',
            processData : false,
            contentType : false,
            success: function(data, textStatus, jqXHR)
            {
                console.log('upload success!!');
            },
            error: function(jqXHR, textStatus, errorThrown)
            {
                console.log('ERRORS: ' + textStatus);
            }
        });
    }
};

$(function()
{
    ajax_upload.init();
});
</script>
<form  method="post" enctype="multipart/form-data">
    <input type="file" name='photo' id='photo'>
    <button id='upload_form' name='upload_form' type='submit'>form 上傳</button>
    <button id='upload_ajax' name='upload_ajax' type='button'>ajax 上傳</button>
</form>

wbkuo 發表在 痞客邦 留言(1) 人氣()

注意事項:
使用 Float 自適應寬度(其中一欄為變動寬度)
1. 變動寬度的 block 放在最後面,不加 float
2. 其他 block 看排版,加上 float:left 或 float:right
3. 當有兩個以上的 float:right ,第一個出現的 float:right 會排在最右邊

wbkuo 發表在 痞客邦 留言(0) 人氣()

官網:http://underscorejs.org/

因為之前用的 JS 樣版引擎 jQuery Template 已經停止更新很久很久了,
所以後來改用 Underscore 來當樣版引擎,以下是最簡單用法的筆記

wbkuo 發表在 痞客邦 留言(0) 人氣()

筆記一下,用這個建 Laravel 的 Model 超快!
不過關聯要自己另外寫就是了

官網: http://packalyst.com/packages/package/ignasbernotas/laravel-model-generator

wbkuo 發表在 痞客邦 留言(0) 人氣()

Mac - 安裝 phpunit
--
* 安裝 phpunit
官網:https://phpunit.de/
P.S. 因為 phpunit 5.1 版只能在 php5.6 環境執行,所以選擇 phpunit 4.8 的版本

wbkuo 發表在 痞客邦 留言(0) 人氣()

Laravel Gulp 筆記(未完成)
--
* 先安裝 gulp
  $ npm install --global gulp

wbkuo 發表在 痞客邦 留言(0) 人氣()

參考文章:     http://coder.aqualuna.me/2012/03/bashrc-in-mac-ter...

以 ll 為例
方法1: (暫時設定,每次重開機都要再設定一次)
  # alias alias ll='ls -l'

wbkuo 發表在 痞客邦 留言(0) 人氣()

請編輯 config.inc.php,加上以下這行
$cfg['LoginCookieValidity'] = 14400;


wbkuo 發表在 痞客邦 留言(0) 人氣()

步驟如下

1. 編輯 .bash_profile
    # vim ~/.bash_profile
    貼上底下這兩行

wbkuo 發表在 痞客邦 留言(0) 人氣()