$.AjaxFileUpload is not a function

前端之家收集整理的这篇文章主要介绍了$.AjaxFileUpload is not a function前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

..is not a function错误的可能情况:

1、JS引入的路径不对。检查方法是看浏览器控制台是否将JS载入了进来。

2、JS引入顺序不对。JS要在你使用之前引入

3、Jquery没有第一个引入。

4、函数所在script标签,存在错误函数

5、函数名写错了。

然后我发现按照网上很多人的写法,无论如何都会出这个错。 这种写法类似:

function ajaxFileUpload(){
               $.ajaxFileUpload(
                   {
                url:'update.do?method=uploader',//需要链接到服务器地址
                secureuri:false,fileElementId:'houseMaps',//文件选择框的id属性
                dataType: 'xml',//服务器返回的格式,可以是json
                success: function (data,status)            //相当于java中try语句块的用法
                {     
                   
                },error: function (data,status,e)            //相当于java中catch语句块的用法
                {
                    
                }
            }
                  
               );
             
          }

最后我按照官方DEMO的格式写,就OK了

<form method="post" action="" enctype="multipart/form-data">
		<label>File Input: <input type="file" name="file" id="demo1" /></label>
	</form>
$(document).ready(function() {
			var interval;

			function applyAjaxFileUpload(element) {
				$(element).AjaxFileUpload({
					action: "MyJsp.jsp",onChange: function(filename) {
						// Create a span element to notify the user of an upload in progress
						var $span = $("<span />")
							.attr("class",$(this).attr("id"))
							.text("Uploading")
							.insertAfter($(this));

						$(this).remove();

						interval = window.setInterval(function() {
							var text = $span.text();
							if (text.length < 13) {
								$span.text(text + ".");
							} else {
								$span.text("Uploading");
							}
						},200);
					},onSubmit: function(filename) {
						// Return false here to cancel the upload
						/*var $fileInput = $("<input />")
							.attr({
								type: "file",name: $(this).attr("name"),id: $(this).attr("id")
							});

						$("span." + $(this).attr("id")).replaceWith($fileInput);

						applyAjaxFileUpload($fileInput);

						return false;*/

						// Return key-value pair to be sent along with the file
						return true;
					},onComplete: function(filename,response) {
						window.clearInterval(interval);
						var $span = $("span." + $(this).attr("id")).text(filename + " "),$fileInput = $("<input />")
								.attr({
									type: "file",id: $(this).attr("id")
								});

						if (typeof(response.error) === "string") {
							$span.replaceWith($fileInput);

							applyAjaxFileUpload($fileInput);

							alert(response.error);

							return;
						}

						$("<a />")
							.attr("href","#")
							.text("x")
							.bind("click",function(e) {
								$span.replaceWith($fileInput);

								applyAjaxFileUpload($fileInput);
							})
							.appendTo($span);
					}
				});
			}

			applyAjaxFileUpload("#demo1");
		});
原文链接:https://www.f2er.com/ajax/162318.html

猜你在找的Ajax相关文章