js实现上传图片预览，购物车加减

js效果（一）：上传的图片预览

$("#path").change(function(){
  var objUrl = getObjectURL(this.files[0]) ;
  console.log("objUrl = "+objUrl) ;
  if (objUrl) {
    $("#img0").attr("src", objUrl) ;
  }
}) ;
//建立一個可存取到該file的url
function getObjectURL(file) {
  var url = null ; 
  if (window.createObjectURL!=undefined) { // basic
    url = window.createObjectURL(file) ;
  } else if (window.URL!=undefined) { // mozilla(firefox)
    url = window.URL.createObjectURL(file) ;
  } else if (window.webkitURL!=undefined) { // webkit or chrome
    url = window.webkitURL.createObjectURL(file) ;
  }
  return url ;
}

 

<img src="images/head_int_03.gif" id="img0">
<input type="file" id="path" &nbsp;name="path" style="display:none" onchange="upfile.value=this.value" multiple="multiple">

 

购物车加减功能：

<script>
        $(function(){
            $(".add").click(function(){
                var t = $(this).parent().find(".text_box");
                t.val(parseInt(t.val())+1)
                setTotal();
            })
            $(".min").click(function(){
                var t = $(this).parent().find(".text_box")
                t.val(parseInt(t.val())-1)
                setTotal();
            })
            function setTotal(){
                $("#total").html((parseInt(t.val())*3.95).toFixed(2));
            }
            setTotal();
        })
    </script>