<fieldset class="layui-elem-field" style="width:500px;margin:50px 0 0 300px;">
<legend>上传回调图片会在这里显示 - 淘素材</legend>
<div class="layui-field-box">
<div style="width:300px;float:left;">
<img src="" style="max-width:320px;float:left;" id="showimg">
</div>
<div style="float:left;margin:0 0 20px 30px;">
<button type="button" class="layui-btn" id="test1">
<i class="layui-icon"></i>上传图片
</button>
</div>
</div>
</fieldset>

  

 layui.use(['upload','form'], function(){
var upload = layui.upload,form = layui.form;
var uploadInst = upload.render({
elem: '#test1' //绑定元素
,url: 'demo.php' //上传接口
,done: function(res){
$('#showimg').attr('src',res.url);
}
,error: function(){
layer.msg('上传失败');
}
});
});

具体演示:http://www.jq8868.com/a/83.html

最新文章

  1. js base64加密,后台解密
  2. C语言状态机
  3. 简单又高效的Access分页语句
  4. TM4C123G红外触摸屏:开发板好不容易实现了原理,放到专家设计的板子上无法运行,于是专家跑路项目黄了
  5. LaTex 使用 - 配置
  6. Cortex-M0(NXP LPC11C14)启动代码分析
  7. Android——多线程编程练习题
  8. kettle的hello world
  9. HDU1398Square Coins(母函数)
  10. sgu 103 Traffic Lights
  11. VS2013 ASP.NET MVC 修改Web项目的IISExpress的端口固定
  12. java中排序一个字符串数组
  13. 彻底删除&amp;quot;提示删除文件和目录&amp;quot;时出错的文件或目录
  14. 逆向知识第一讲,IDA的熟悉使用,以及TEB,PEB结构
  15. 【转】高斯-克吕格投影与UTM投影异同
  16. ssm框架找不到mysql驱动类WARN DriverManagerDataSource:107 - Could not load driverClass com.mysql.jdbc.Driver
  17. Expression Trees 参数简化查询
  18. zzw原创_mysql脚本打印出提示信息
  19. 提交已经注入文件的表单给后台上传图片 使用ajaxsubmit
  20. springcloud 服务调用的两种方式

热门文章

  1. xml schema数据类型
  2. C#使用进度条,并用线程模拟真实数据 ProgressBar用法(转)
  3. [Cuckoo SandBox]注入原理篇
  4. 基于nodejs的DNS查询工具
  5. .Net Core 应用框架。
  6. 在thinkpad SL400上U盘安装双系统ubuntu14.10
  7. 零基础逆向工程33_Win32_07_创建线程
  8. Open XML的上传、下载 、删除 ......文件路径
  9. 如果有反向代理的情况下,获取最原始的IP的办法
  10. 火车进站输出路径(HDU1022)