上传图片

这几天接了一个任务，虽然说是简答的切图页面，但里面有上传图片的功能，每上传一张就要显示一张，之前没弄过这种功能，所以只能去网上找插件来弄，在这里的话用到了jq和jquery.form.js,不过需要服务器端返回数据，还好这个任务平台是支持这种方式的

看下面写的代码：

<img src="" id="img" alt="">
<form method="post" id="pcedit_form" enctype="multipart/form-data"
      action="接受地址">
        <label class="add-photo-btn">
            <input type="file" id="pcedit_add" value="" name="photo" onchange="subimtBtn();">
            <input name="packgeName" value="img" type="hidden"/>
            <input name="serviceName" value="compress" type="hidden"/>
        </label>
</form>
<script>
$(function(){

function subimtBtn() {
    var form = $("#pcedit_form");
    var options  = {
        url:'接受地址',
        type:'post',
        success:function(data)
        {
            var jsondata = eval("("+data+")");
            if(jsondata.error == "0"){
                var url = jsondata.url;
                alert(url)
                $("#img").attr("src",url);
            }else{
                var message = jsondata.message;
                alert(message);
            }
        }
    };
    form.ajaxSubmit(options);
    //$("#fileForm").submit();
}

}

</script>
就这样简单的几句代码就可以完成了图片的上传