jQuery:通过ajax发送pdf到服务器

这个问题在这里已经有了答案:

  • 我怎样才能异步上传文件? 27个答案

  • 有好的教程http://www.phpletter.com/DOWNLOAD/

    阅读并理解它会帮助你。

    反正不是我的代码,但似乎很好的方式。

    function ajaxFileUpload(){
        //starting setting some animation when the ajax starts and completes
        $("#loading")
        .ajaxStart(function(){
            $(this).show();
        })
        .ajaxComplete(function(){
            $(this).hide();
        });
    
        /*
            prepareing ajax file upload
            url: the url of script file handling the uploaded files
                        fileElementId: the file type of input element id and it will be the index of  $_FILES Array()
            dataType: it support json, xml
            secureuri:use secure protocol
            success: call back function when the ajax complete
            error: callback function when the ajax failed
    
                */
        $.ajaxFileUpload
        (
            {
                url:'doajaxfileupload.php', 
                secureuri:false,
                fileElementId:'fileToUpload',
                dataType: 'json',
                success: function (data, status)
                {
                    if(typeof(data.error) != 'undefined')
                    {
                        if(data.error != '')
                        {
                            alert(data.error);
                        }else
                        {
                            alert(data.msg);
                        }
                    }
                },
                error: function (data, status, e)
                {
                    alert(e);
                }
            }
        )
    
        return false;
    
    }
    

    您现在可以使用JavaScript FormData()对象来完成此操作。 我相信它适用于除IE9及以下的所有应用程序。

    <form>
      <input type="file" id="file" name="file">
      <button onclick="upload()">Upload</button>
    </form>
    

    和JavaScript ..

    function upload() {
      var fd = new FormData(),
          myFile = document.getElementById("file").files[0];
    
      fd.append( 'file',  myFile);
    
      $.ajax({
        url: 'http://example.com/script.php',
        data: fd,
        processData: false,
        contentType: false,
        type: 'POST',
        success: function(data){
          console.log(data);
        }
      });
    }
    
    链接地址: http://www.djcxy.com/p/19615.html

    上一篇: jQuery:Sending pdf to server via ajax

    下一篇: Upload file using ajax request