ajax上传文件附带参数问题之 $(...).dialog is not a function-优快云博客

本文链接：https://blog.youkuaiyun.com/chenLeiInTuling/article/details/53462135

博客讨论了在使用Ajax进行文件上传时遇到的JavaScript错误'$(...).dialog is not a function'。问题源于jQuery库的引用冲突，解决方案可能涉及检查和正确引入jQuery和ajaxfileupload.js库。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、先引用两个包

jquery-1.8.0.min.js和ajaxfileupload.js

<script src="${ctx}/js/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="${ctx}/js/ajaxfileupload.js" type="text/javascript"></script>

2、再上传文件（这里是上传excel）和附带的参数（id），

html

<form id="AnchorImportForm" method="post" enctype="multipart/form-data" ">
	<input type="hidden" id="pipeImportId" name="pipeImportId" value="${pipeImportId}"> 
		<div id="file_up" height="100" width="100%" style="margin-top:50px">
			 <input id="upfile" type="file" name="upfile" accept="xlsx"/>
		</div>
		<p></p>
		<input type="button" value="导入" style="text-align:center;background-color:#d9ffff;border:none;" onClick="File.upLoadFile()">
</form>

 File.upLoadFile=function(){
	 var id= document.getElementById("pipeImportId").value;
	$.ajaxFileUpload({
		 url: '${ctx}/sys/file/upLoadTwo',
		 secureuri:false,
        	 fileElementId: 'upfile',//上传文件的id
        	 dataType: 'json',
         	data: {
            	 "pipeId": id
        	 },
         	success:function(result){
        		try{
				if(result.success){
					$('#dialogDivImport').dialog('close');
				}
					$.messager.show({
						title:'提示',
						msg:result.msg
					});
			}catch(e){
				$.messager.alert("警告",result.msg);
			}
        	 }
	});
}

然后就报错了... $(...).dialog is not a function

报这个错的原因之一就是引用冲突。我这里的

<script src="${ctx}/js/jquery-1.8.0.min.js" type="text/javascript"></script>

是冲突的，可能是外部已经引用了，在这里删除就OK了...