使用jquery.form异步提交文件和其它参数

html:

				<form id="recovery-secret-key-modal-form" class="form-horizontal" action="">
					<div class="modal-body">
						<div class="form-group row">
							<label
								class="col-sm-3 col-md-3 col-lg-3 col-xl-3 control-label font-normal align-left modal-label-word">账号:</label>
							<div class="col-sm-9 col-md-9 col-lg-9 col-xl-9">
								<input class="form-control" type="text" placeholder=""
									id="recovery-secret-key-modal-account" name="recoverySecretKeyModalAccount"
									disabled />
							</div>
						</div>

						<div class="form-group row">
							<label
								class="col-sm-3 col-md-3 col-lg-3 col-xl-3 control-label font-normal align-left modal-label-word">密钥文件:</label>
							<div class="col-sm-9 col-md-9 col-lg-9 col-xl-9">
								<div class="file-input-container">
									<input class="form-control file-input" type="file" placeholder=""
										id="recovery-secret-key-modal-file" name="updatePkg" />
								</div>
							</div>
						</div>
					</div>
				</form>
使用jquery.form异步提交文件和其它参数

js:

首先引入jquery.form-3.45.0.js文件。

			$(‘#recovery-secret-key-modal-form‘).ajaxSubmit({
				url: "/api/v1/kmj/keymng/import/",
				type: "post",
				data: {"uid": $("#recovery-secret-key-modal-account").val(), "usertype": "user"},
				enctype: ‘multipart/form-data‘,
				// iframe: true,
				dataType: ‘json‘,
				success(data) {
					if (Number(data.status) === 0) {
						toastr.success(data.msg, "成功提示");
						$("#recovery-secret-key-modal").modal("hide");

						let orgTreeObj = $.fn.zTree.getZTreeObj("org-tree");
						let selectedNodes = orgTreeObj.getSelectedNodes();
						getUserTableData(selectedNodes[0].did);
					} else {
						toastr.error(data.msg, "错误提示");
					}
				},
				error(data) {
					toastr.error("网络错误,恢复密钥失败!", "错误提示");
				}
			})
使用jquery.form异步提交文件和其它参数

以上代码在提交文件流的时候提交其它参数。

选择文件后怎么清空file文件框的文件名?

document.getElementById(‘recovery-secret-key-modal-file‘).value = "";
使用jquery.form异步提交文件和其它参数

使用jquery.form异步提交文件和其它参数

上一篇:JSP的九个隐式对象


下一篇:css浮动,网页练习显示、定位