jQuery Ajax 上传文件示例

最新推荐文章于 2024-07-15 15:38:12 发布

zhangking

最新推荐文章于 2024-07-15 15:38:12 发布

阅读量5.5k

点赞数

分类专栏： PHP-mySQL-Apache 文章标签： ajax jquery function file button wrapper

本文链接：https://blog.csdn.net/zhangking/article/details/3943014

版权

PHP-mySQL-Apache 专栏收录该内容

73 篇文章 0 订阅

订阅专栏

new Ajax_upload('#example1_button', {
    action: 'upload.php', //-处理页面
    name: 'myfile',        //-文件名
    onSubmit: function(file, ext)
    {
      var allowed = ['avi', 'jpg', 'png', 'gif', 'jpeg']; //----允许格式(数组)
      if ($.inArray(String(ext), allowed) === -1)
      {
        $('#example1_message').text('Error: only images are allowed');
        return false;
      }
      $('#example1_message').text('Uploading……');
      this.disable();
    },
    onComplete: function(file, response)
    {
      $('#example1_message').text(file + ' uploaded');
      this.enable();
      $('<li></li>').appendTo('#example1_files').text(file);
    },
    onerror: function(file, response)
    {
      $('#example1_message').text(response);
    }
});

});
/*]]>*/
</script>
</head>
<body>

<div id="example1">
<p>You can allow only certain file types</p>
<div id="example1_wrapper">
<div id="example1_button">Upload</div>
</div>
<p id="example1_message"></p>
<UL id="example1_files"></UL>
</div>

</body>
</html>