form表单ajax上传图片方法

form表单ajax上传图片方法

先引用jquery.form.js

前台代码

<form id="form1">
    <input id="file_temporaryImage" type="file" name="file_temporaryImage" onchange="TemporaryMedia();"/>
    <input type="hidden" id="userpicpath">
    <img id="userpic" src=""/>
</form>
<script>
    function TemporaryMedia() {
        //var image0 = $("input[name='file_temporaryImage']").val();
        //判断上传控件中是否选择了图片
        var image = $("#file_temporaryImage").val();
        if ($.trim(image) == "") {
            alert("请选择图片!");
            return;
        }
        //提交请求处理的url
        var actionUrl = "/home/kelatoupiao/sctpic/";
        //开始ajax操作
        $("#form1").ajaxSubmit({
            type: "POST",
            dataType: "json",
            url: actionUrl,
            data: {},
            success: function (data) {
                if (data.success == 1) {
                    $('#userpicpath').val(data.data);
                    $('#userpic').attr('src',data.data);
                } else {
                    alert(data.msg);
                }


            }


        });


    }
</script>

PHP后台代码

   //上传图片
    public function sctpic()
    {
        $openid = $this->_check_login();
        $spath = __DIR__ . '/../../../Public/kelatoupiao/uploads/' . $openid . '_' . time() . '.jpg';
        $webpath='/kelatoupiao/uploads/' . $openid . '_' . time() . '.jpg';
        if (move_uploaded_file($_FILES["file_temporaryImage"]["tmp_name"], $spath)) {
            echo json_encode(array('success' => 1, 'msg'=>'上传成功','data'=>$webpath));
            exit();
        } else {
            echo json_encode(array('success' => 0, 'msg'=>'网络繁忙','data'=>''));
            exit();
        }
    }

javascript碰撞检测的方法

javascript碰撞检测的方法
需要把要检测碰撞的精灵都放到数组里array push 然后循环遍历数组里的精灵检测碰撞 ps:不放到数组里没办法循环遍历检测每个精灵
核心代码如下

//0.1秒刷新检测碰撞
   update: function (dt) {
    //循环遍历每个精灵
        for (x in jinglinglist)
        {
            var ispengzhuang = cc.rectIntersectsRect(this.zhuaqi03sprite.getBoundingBox(), jinglinglist[x].getBoundingBox());
            if (ispengzhuang) {
                jinglinglist[x].removeFromParent();
            
            }

        }


    },

javascript判断变量是否为空的方法

javascript判断字符串变量是否为空的方法
代码如下


    if (typeof(ndesc)=="undefined" || ndesc=='' || ndesc==null)
    {
        ndesc="1111!";
    }

ps:ndesc 变量没有初始化 typeof(ndesc) 都是undefined

判断数字是否为空

var startv = parseInt($(‘#myTargetElement’).text());
if (isNaN(startv)) {
startv = 0;
}

js播放图片序列帧

js播放图片序列帧
1 先预加载

var load_img = [];
for(k=0;k&lt;=16;k++){
load_img.push( '/cjsxy/images/chuanyue/'+k+'.jpg' );
}

//资源图片加载
jQuery.imgpreload(load_img, {
all: function() {

}
});

然后html ]

<script type="text/javascript" src="/js/jquery.imgpreload.min.js"></script>
<img class="chuansuo" />

最后js定时器播放

    $('.chuansuo').css('display', 'block');
    i++;
    if (i >= 16) {
        $('.chuansuo').css('display', 'none');
        i=0;
        return false;
    }
    $('.chuansuo').attr('src', "/cjsxy/images/chuanyue/" + i + ".jpg");
    ss = setTimeout(chuanyue, 200);

注意的问题 尽量吧图片压缩的小一点 这样渲染速度会快