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

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Title</title>
    </head>
    <body>
    <div class="form-group">
    <label for="touxiang" class="col-sm-2 control-label"> 个人照片 </label>
    <div class="col-sm-6">
    <input type="hidden" name="attrimg" id="attrimg" value="">
    <div id="yiimg" class="imimglist"></div>
    <div>
    <label for="image_file" id="showerror">上传图片,选择或拍照</label>
    </div>
    <input type="file" accept="image/*" class="button block" name="image_file" id="image_file" />
    <div class="preview" id="preview"></div>
    <canvas style="display:none;" id="oldimg"></canvas>
    <canvas style="display:none;" id="myCanvas"></canvas>
    <script type="text/javascript">
    $(document).ready(function(){
    $("#image_file").upload({posturl:"/newsupload.php"},{ttid:1,o400,oheight:400},function(e){
    $('#showerror').html('上传完成!');
    var r= e.target.responseText.split("|");
    if(r[0]!='error')
    {
    $("#yiimg").html("<img src='"+r[1]+"' width=45 height=45>");
    $("#preview").html('');
    $("#attrimg").val(r[0]);
    $('#showerror').html('上传完成!请继续添加其它信息。');
    }else{
    $('#showerror').html(r[1]);
    }
    });


    });
    </script>
    </div>
    </div>
    </body>
    </html>
  • 相关阅读:
    linux开发基本库
    Configure,Makefile.am, Makefile.in, Makefile文件
    sql的其他语句
    sql 链接 查询
    sql的 select
    SQL语句:
    angular 指令系统(二)自定义指令:
    angularJS 指令系统
    angular JS 过滤器
    angularJS 控制器
  • 原文地址:https://www.cnblogs.com/chouxiao/p/14984589.html
Copyright © 2011-2022 走看看