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" 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>