zoukankan      html  css  js  c++  java
  • 异步上传文件(java(struts2) 、node.js、php配合 )

    本人JAVA转前端有一段时间了,最近项目用到异步上传文件 ,做java的同事茫然了。。。

    得啵得:

    众所周知 Ajax没有提供上传文件的方法(兼容方案) 。

    form表单提交文件是要跳转页面的。

        

    方法: 通过‘无刷新页面’上传文件 。模拟AJAX

    准备工作:
       1、主页面写个iframe(隐藏掉),设置name为‘testUpload’(随便起);iframe里记得加文件域<input type="file" />

     2、主页面写个form,并设置属性:target="testUpload";

       3、再新建一个页面 uploadOK.jsp;

    开始:

          1、java写个Action (NOde.js 可以整个router),用于上传文件。例:http://domain.com/upload,将设置该action指向uploadOK.jsp。

             该action需要返回一些值:但起码要有上传状态和已上传文件的URL

         2、用js给文件域 加change事件(change时提交form);

         3、uploadOK.jsp里用window.parent.document.文件显示IMG.src=‘已上传文件的URL’。

    完成!

  • 相关阅读:
    flutter 布局
    常见错误
    xpath
    bzoj1485 [HNOI2009]有趣的数列 卡特兰数
    博弈 Nim问题 POJ2234
    bzoj 1014 [JSOI2008]火星人prefix
    codevs 1743 反转卡片 rope or splay
    bzoj 2326 矩阵乘法
    bzoj 1702 贪心,前缀和
    bzoj 1700 Problem Solving 解题 dp
  • 原文地址:https://www.cnblogs.com/nuoku/p/3859089.html
Copyright © 2011-2022 走看看