<!DOCTYPE HTML>
<html>
<head>
<meta charset= "utf-8" >
<title>jQuery File Upload Example</title>
</head>
<body>
<input id= "fileupload" type= "file" name= "files[]" data-url= "server/php/" multiple>
<script src= "//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" ></script>
<script src= "js/vendor/jquery.ui.widget.js" ></script>
<script src= "js/jquery.iframe-transport.js" ></script>
<script src= "js/jquery.fileupload.js" ></script>
<script>
$( function () {
$( '#fileupload' ).fileupload({
dataType: 'json' ,
done: function (e, data) {
$.each(data.result.files, function (index, file) {
$( '<p/>' ).text(file.name).appendTo(document.body);
});
}
});
});
</script>
</body>
</html>
|