1.jquery-fileupload插件使用的步骤:
A.引入需要的文件:
<script src="assets/jquery-fileupload/jquery.ui.widget.js"></script>
<script src="assets/jquery-fileupload/jquery.iframe-transport.js"></script>
<script src="assets/jquery-fileupload/jquery.fileupload.js"></script>
B.找到文件上传表单元素,设置id,name属性:
<input type="file" id="fileUpload" name="file">
注意:name="file"不是每次都是写file,应该参考接口文档设置该属性的值
C.找到文件上传表单元素,设置data-url属性用来设置图片上传的接口路径:
<input type="file" id="fileUpload" name="file" data-url="/category/addSecondCategoryPic">[/size][/font]
D.编写js代码,实现文件上传:
$("#fileUpload").fileupload({
dataType:"json",
//文件上传之后的回调函数done
done:function(e,data){
//data参数中包含了上传图片的地址(即上传到服务器之后的图片地址)
//预览上传的图片
$("#preview").attr("src",data.result.picAddr);
}
})
前端与移动开发乐淘项目-day05
原创
©著作权归作者所有:来自51CTO博客作者我是小谷粒~的原创作品,请联系作者获取转载授权,否则将追究法律责任
下一篇:linux常见命令
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
Day05-docker-仓库
仓库的应用、一些小细节
docker json -
springMVC学习-day05
国际化标签
springMVC 学习 day05 -
SpringCloud案例day05
可以复制 Service-A9001 改成Gateway-C9009》1:创建工程导入依赖
spring cloud 微服务 java spring redis