天天看點

html 上傳pdf檔案,javascript – pdf檔案上傳ajax html

嘗試從files [0]屬性建立一個json對象,将檔案轉換為base64字元串

JS

$("#image").on("change", function(e) {

var name = $("#af_rpta_propertyland_filename").val()

, file = e.target.files[0]

, filename = name.length > 1 ? name + ".pdf" : file.name

, filetype = file.type

, filesize = file.size

, data = {

"filename":filename,

"filetype":filetype,

"filesize":filesize

}

, reader = new FileReader();

reader.onload = function(e) {

data.file_base64 = e.target.result.split(/,/)[1];

$.post("fileupload.php", {file:data}, "json")

.then(function(data) {

// parse `json` string `data`

var filedata = JSON.parse(data)

// do stuff with `data` (`file`) object

, results = $("", {

"href": "data:" + filedata.filetype

+ ";base64," + filedata.file_base64,

"download": filedata.filename,

"target": "_blank",

"text": filedata.filename

});

$("body").append("

download:", results[0]);

}, function(jqxhr, textStatus, errorThrown) {

console.log(textStatus, errorThrown)

})

};

reader.readAsDataURL(file)

});

PHP

if (isset($_POST["file"])) {

// do php stuff

// call `json_encode` on `file` object

$file = json_encode($_POST["file"]);

// return `file` as `json` string

echo $file;

};