“异步上传”的小示例--上传图片示例

　　“异步上传”的小示例--上传图片示例

　　一切都从一个小测试开始。正常情况下，我们上传的文件带有type="file"的input标签，但是很遗憾，它不能与其他表单元素很好地共存，所以我们经常要对其单独做一个业务层面的“异步上传”就是上传图片首先，然后与其他表单一起提交并保存。这是一个小例子：

　　上传图片

　　这原本只是一个普通的按钮，是上传模块赋予了它“文件选择”的特殊技能。当然，你也可以随意自定义它的样式，不仅仅局限于按钮。

upload模块快速使用

上传图片

layui.use('upload', function(){

var upload = layui.upload;

//执行实例

var uploadInst = upload.render({

elem: '#test1' //绑定元素

,url: '/upload/' //上传接口

,done: function(res){

//上传完毕回调

}

,error: function(){

//请求异常回调

}

});

});

　　一切看起来都那么简单，以至于我不得不把一段文字放在一起来填充这一行的布局。这个好像和下面的比较和谐（自我感觉）