zoukankan      html  css  js  c++  java
  • 上传图片

    这几天接了一个任务,虽然说是简答的切图页面,但里面有上传图片的功能,每上传一张就要显示一张,之前没弄过这种功能,所以只能去网上找插件来弄,在这里的话用到了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>
    就这样简单的几句代码就可以完成了图片的上传
  • 相关阅读:
    《杜教筛》
    《洛谷P4213 【模板】杜教筛(Sum)》
    《洛谷P1829 [国家集训队]Crash的数字表格 / JZPTAB》
    《纸牌问题》
    《洛谷P2522 [HAOI2011]Problem b》
    使用urlretrieve下载图片
    scrapy初探
    爬豆瓣电影名
    直接插入排序
    Windows python 3 安装OpenCV
  • 原文地址:https://www.cnblogs.com/yanzai/p/5639215.html
Copyright © 2011-2022 走看看