使用jquery ajax上传文件

时间:2014-05-29 17:42:29

标签: javascript jquery html html-form ajaxform

我想使用jQuery上传文件,但我在undefined is not a function

上收到$('#myFile').ajaxForm({的例外情况

HTML

<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script src="jquery-1.11.1.min.js"></script>
<script src="x.js"></script>
</head>
<body>
    <form enctype="multipart/form-data" action="/FileUploadUI5/upload"
        method="POST" id="myFile">
        <input type=file name=upfile><br> <input type="submit"
            name="Upload" value="Upload" id="ubutton" />
    </form>
</body>
</html>

X.js

$(document).ready(function() {
    $(function() {
        $('#myFile').ajaxForm({
            beforeSend : function() {
            },
            uploadProgress : function(event, position, total, percentComplete) {
                alert(position + "|" + total + "|" + percentComplete);
            },
            complete : function(xhr) {
                // status.html(xhr.responseText);
            }
        });
    });

    $('#ubutton').click(function(e) {
        $('#myFile').submit();
    });

});

1 个答案:

答案 0 :(得分:-2)

我认为发送文件在纯jquery中不可用。我几天前使用插件做了它; http://rubaxa.github.io/jquery.fileapi/ 要么 https://github.com/blueimp/jQuery-File-Upload

第一个真的令人印象深刻;我能够立刻做到这一点,视觉进度指示器和使用网络摄像头拍摄图像的能力令人惊讶。

主题中的更多内容您可以在此处找到,我认为:How can I upload files asynchronously?

希望它有所帮助: - )