jizhicms文件上传代码

曹え 5811 发布于:2023-06-21 08:04:04

html

<form action="/message/quote.html" onsubmit="return checkform10()" method="POST" id="form-file10">    
							<h3>给我们留言:</h3>    
							<div class="container">    
								<input name="tid" type="hidden" value="70" >    
								<input type="hidden" name="user" id="user10" value="医疗CT扫描仪PCBA代工">    
								<div class="item">    
									<input type="text" class="input" name="title" id="title10" placeholder="名称:怎么称呼?" />    
								</div>    
								<div class="item">    
									<input type="text" class="input" name="tel" id="tel10" placeholder="电话:您的联系电话" />    
								</div>    
								<div class="item">    
									<input type="text" class="input" name="email" id="email10" placeholder="邮箱:您的联系邮箱" />    
								</div>    
								<div class="item">    
									<textarea class="tar" name="body" id="body10" placeholder="详情内容:请告诉我们您的需求和标准"></textarea>    
								</div>    
								<div class="item">    
									<label class="file">    
										<input type="hidden" name="myfile" id="myfile10" value=""/>    
										<input type="file" name="file" id="file10" data-file="1" placeholder="" />    
										<span>上传Gerber或BOM(zip.rar.xls.doc.jpg.png...),最大大小 = 25Mb</span>    
									</label>    
								</div>    
							</div>    
							<div class="btn">    
								<button class="submit">发信息</button>    
							</div>    
						</form>



js

var file = 1;

/*
	data-file=1:还未选择文件
	data-file=2:已经成功上传文件
*/

$('#file10').change(function() {
	let filePath = $(this).val();
	// let urlArr = filePath.split("\\"); //以反斜杠'\'截取文件名为数组
	// let fileName = urlArr[urlArr.length - 1]; //获取文件名
	// $(this).parents('.choice-file').find('.tips').text(fileName);

	let form = 'form-file10';
	let file = '#file10';
	let myfile = '#myfile10';
	uploadsFile(form, myfile, file);

	$(this).attr('data-file', 2); //已经选择文件
})

//文件上传
function uploadsFile(form, myfile, file) {
	let forms = document.getElementById(form);
	let files = $(file);
	let data = new FormData(forms);
	data.append("filename", files.attr("name"));
	$.ajax({
		url: "/common/uploads.html", //处理图片的文件路径
		type: "POST", //传输方式
		data: data,
		dataType: "json", //返回格式为json
		processData: false, // 告诉jQuery不要去处理发送的数据
		contentType: false, // 告诉jQuery不要去设置Content-Type请求头
		success: function(res) {
			if (res.code == 0) {
				alert('文件上传成功');
				$(myfile).attr('value', res.url);
				// console.log(res)
			} else {
				alert(res.error);
				// console.log(res.error)
			}
		}
	});
}


function checkform10() {
	var title = $('#title10').val();
	var tel = $('#tel10').val();
	var email = $('#email10').val();
	var body = $('#body10').val();
	var file = $('#file10').data('file');

	if (title == '') {
		alert('姓名不能为空!');
		return false;
	}
	if (tel == '' || email == '') {
		alert('手机和邮箱不能为空!');
		return false;
	}
	if (body == '') {
		alert('内容不能为空');
		return false;
	}

	// if(file == 1){
	// 	alert('您还未上传文件!');
	// 	return false;
	// }

	return true;
}


觉得有用请点个赞吧!
0 213