原生js实现文件上传

原生js实现文件上传,第1张

function saveUser() {

            var file = document.getElementById("file").files[0]

            //原生ajax实现文件上传

            var formData = new FormData()

            if (file) {

                formData.append("file", file)

                console.log(file)

            }

            //得到xhr对象

            var xhr = null

            if (XMLHttpRequest) {

                xhr = new XMLHttpRequest()

            } else {

                xhr = new ActiveXObject("Microsoft.XMLHTTP")

            }

            xhr.open("post", "http://www-test.mianyazhu.com/supplier/fileSupplier/file/upload/supplier", true)//设置提交方式,url,异步提交

//            xhr.setRequestHeader("Content-Type","multipart/form-data")

            xhr.onload = function () {

                var data = xhr.responseText    //得到返回值

                console.log(data)

            }

            xhr.send(formData)

        }

public class FileInf {

public FileInf(){}

public String id=""

public String pid=""

public String pidRoot=""

/** * 表示当前项是否是一个文件夹项。*/

public boolean fdTask=false

// /// 是否是文件夹中的子文件 /// </summary>

public boolean fdChild=false

/** * 用户ID。与第三方系统整合使用。*/

public int uid=0

/** * 文件在本地电脑中的名称 */

public String nameLoc=""

/** * 文件在服务器中的名称。 */

public String nameSvr=""

/** * 文件在本地电脑中的完整路径。示例:D:\Soft\QQ2012.exe */

public String pathLoc=""

/** * 文件在服务器中的完整路径。示例:F:\\ftp\\uer\\md5.exe */

public String pathSvr=""

/** * 文件在服务器中的相对路径。示例:/www/web/upload/md5.exe */

public String pathRel=""

/** * 文件MD5*/

public String md5=""

/** * 数字化的文件长度。以字节为单位,示例:120125*/

public long lenLoc=0

/** * 格式化的文件尺寸。示例:10.03MB */

public String sizeLoc=""

/** * 文件续传位置。 */

public long offset=0

/** * 已上传大小。以字节为单位 */

public long lenSvr=0

/** * 已上传百分比。示例:10% */

public String perSvr="0%"

public boolean complete=false

public Date PostedTime = new Date()

public boolean deleted=false

/** * 是否已经扫描完毕,提供给大型文件夹使用,大型文件夹上传完毕后开始扫描。 */

public boolean scaned=false

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11538787.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存