上传文件和AJAX验证

AJAX验证用户名是否重复:
verify 查找
   //执行AJAX
//参数一:参数传递的页面
 $.post("verifyUserName.lovo",
//参数二:传递到某个页面的参数,可以是一个也可以是多个,所以用数组表示
  {
  "userName":userName,       
  },
//参数三:回调函数,data表示返回页面的数据,是个字符串;status是返回页面的状态
 function(data,status){
  if(data=="true"){
  //错误提示
  ("#namesid").html("该用户已存在,请重新输入");
  }else{
  $("#namesid").html("");
  }
 });

显示图片:

图片路径:<base href="<%=basePath%>">  basePath 基本路径
Scheme 协议(一般是http协议)
Server 服务器
ServerName 服务器地址(127.0.0.1)
Port 端口
ServerPort 服务器端口(一般是8080)
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+"/"

文件上传成功
forEach 遍历查找(为 每一个)
items 所有物品(一般指向一个集合或者数组)
        <ul>
        <c:forEach var="u" items="${ulist}">
           <li><img style="width: 60;height: 60" src=" <%=basePath2 %>${u.imgPath}"></li>
        </c:forEach>
       </ul>

时间: 2024-08-11 08:31:53

上传文件和AJAX验证的相关文章

关于上传文件 非ajax提交 得到后台数据问题

<form name="configForm" id="configForm" method="post" action="" > .......... </form> 根据id获得表单数据然后发送ajax请求,获得后台返回数据,处理数据,完美. 但是如果需要上传文件, <tr> <td class="fontSize">请选择文件:</td> &

ajax 上传文件,post上传文件,ajax 提交 JSON 格式的数据

ajax简介 前后台做数据交互 前后端做数据交互的方式(三种): (1)浏览器窗口输入地址(get的方式)(2)form表单提交数据(3)ajax提交数据 特点 特点: (1)异步 异步与同步的区别:同步是请求发过去,要等着回应:异步不需要等待,可以进行其他操作 (2)局部刷新 使用 使用: (1)url:匹配的路由 (2)type:发送的的方式 (3)data:发送的数据 (4)success:发送的数据成功回调条数 $('.btn').click(function () { $.ajax({

上传文件、ajax上传文件

一.普通上传文件 1 后台 from django.shortcuts import render,HttpResponse # Create your views here. def login(request): if request.method == 'GET': return render(request, 'login.html') def fileupload(request): myfile=request.FILES.get('myfile') with open(myfile

一个ajax实现表单上传文件的神器 formdata

通过传统的form表单提交的方式上传文件: $.ajax({ url : "http://localhost:8080/STS/rest/user", type : "POST", data : $( '#postForm').serialize(), success : function(data) { $( '#serverResponse').html(data); }, error : function(data) { $( '#serverResponse

Django框架 之 Form表单和Ajax上传文件

浏览目录 Form表单上传文件 Ajax上传文件 伪造Ajax上传文件 Form表单上传文件 html <h3>form表单上传文件</h3> <form action="/upload_file/" method="post" enctype="multipart/form-data"> <p><input type="file" name="upload_fi

闲话ajax,例ajax轮询,ajax上传文件

引语:ajax这门技术早已见怪不怪了,我本人也只是就自己真实的经验去总结一些不足道的话.供不是特别了解的朋友参考参考! 本来早就想写一篇关于ajax的文章的,但是前段时间一直很忙,就搁置了,趁着元旦放假,赶紧补上吧! ajax的出现,可以出给用户带来了很好的体验,证据如下: 1.感觉:以前要给用户呈现新的内容,就必须要刷新当前页面,结果往往是这样:用户看着看着,唰...,然后又重头看起,我那个去,这谁受得了; 自从有了ajax后,就是这样的,用户关注哪一块,变化哪一块,我们就更新那一块,完全看不

atitit.ajax上传文件的实现原理 与设计

atitit.ajax上传文件的实现原理 与设计 1. 上传文件的三大难题 1 1.1. 本地预览 1 1.2. 无刷新 1 1.3. 进度显示 1 2.  传统的html4  + ajax 是无法直接实现上传文件 1 2.1. 传统的实现方式iframe 2 2.2. html5转码base64 3 2.3. 其它插件FLASH的实现原理 3 3. 上传进度的实现原理 3 3.1. 使用ajax结合服务端的进度返回,比較麻烦 4 4. 本地预览的解决 4 4.1. 用HTML5上传文件 4 5

通过jQuery Ajax使用FormData对象上传文件

转自:http://www.cnblogs.com/labnizejuly/p/5588444.html FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单". <form id="uploadForm" enctype="multipart/form-data"> <input id="file" type="file"

java 附件上传时后台验证上传文件的合法性

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 8