ajax上传文件类型

	//图片上传
	function previewPic(e) {
		// console.log($(e.target).attr('data-id'));
		var fileDom = $('input[type=file]')[$(e.target).attr('data-id')];
		// 获取得到file 图片对象 
		// console.log(fileDom);
		var file = fileDom.files;
		// console.log(file[0]);
		var formData = new FormData();
		formData.append("action", "UploadVMKImagePath");
		formData.append("file", file[0]); //加入文件对象
		$.ajax({
			//请求方式
			type: "post",
			//请求的媒体类型
			// contentType: "multipart/form-data;charset=UTF-8",
			//请求地址
			url: http + "/api/file/update.do",
			dataType: "json",
			headers: {
				token: token
			},
			processData: false,
			contentType: false,
			async: false,
			data: formData,
			success: function (result) {
				// console.log(result);
				// console.log($(fileDom).attr('data-id'));
				window.sessionStorage.setItem("fb" + $(fileDom).attr('data-id'), result.data.url);
				// 返回值:
				// 	文件全路径 absoluteUrl
				// 	文件相对路径 url
				// 	文件路径中的名称 tempName
				// 	文件上传时的名称 name
				// 	文件格式 format
				// 	文件大小 size
				// 	文件上传日期 date
			},
			error: function (e) {
				console.log(e);
				alert("请上传正确格式的图片!");
			},
		})
	}

上传有两种方式:

  1. 是将图片和其它数据全部都一起上传
  2. 是先上传图片,获取图片路径,然后将图片路径和其它数据上传
posted @ 2019-10-11 09:47  QiuYuLing  阅读(2448)  评论(0编辑  收藏  举报