使用ajaxFileUpload.js插件实现ajax无刷新上传文件

最新推荐文章于 2024-03-15 09:35:00 发布

lynnlovemin

最新推荐文章于 2024-03-15 09:35:00 发布

阅读量1.6w

点赞数 2

文章标签： ajax function json 服务器 java 百度

本文链接：https://blog.csdn.net/lynnlovemin/article/details/7290241

版权

废话不多说直接看代码

首先需要下载ajaxFileUpload.js，百度去搜！

<script>
$.ajaxFileUpload(
                {
             url:'${ctx}/toImage.do',            //需要链接到服务器地址
             secureuri:false,
             fileElementId:'picUrl',                        //文件选择框的id属性
             dataType: 'json',                                     //服务器返回的格式，可以是json
             success: function (data, status)            //相当于java中try语句块的用法
             {    
             	$("#f1").append("<img src=\""+data+"\" style=\"width:150px;height:80px;\" />");
             },
             error: function (data, status, e)            //相当于java中catch语句块的用法
             {
             	$.each(data,function(i,n){
             		$("#f1").append("<span>图片加载失败！</span>");	
             	});
             }
         }
               
            );
</script>