ajax上传文件附带参数问题之 $(...).dialog is not a function

来源：互联网发布：网络主播招聘文案编辑：程序博客网时间：2024/05/29 07:29

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了...

0 0