PageRenderTime 61ms CodeModel.GetById 34ms RepoModel.GetById 0ms app.codeStats 0ms

/page/upload.php

https://github.com/redtears/Garden-Rose
PHP | 139 lines | 125 code | 6 blank | 8 comment | 0 complexity | ac1fb4adab9021ba0e33ae0266214c47 MD5 | raw file
    

  1. <?php 

    2. 

  2. 	require('../xajax/xajax.inc.php');

    3. 

  3. 	require_once('../include/testajax.php');

    4. 

  4. 	require_once('../include/confirmUpload.php');

    5. 

  5. 	$xajax = new xajax();

    6. 

  6. 	require_once("../include/registerFunction.php");

    7. 

  7. 	$xajax->processRequests();

    8. 

  8. ?>

    9. 

  9. <!DOCTYPE HTML>

    10. 

  10. <html lang="en" class="no-js">

    11. 

  11. <head>

    12. 

  12. 	<meta charset="utf-8">

    13. 

  13. 	<title>jQuery File Upload Example</title>

    14. 

  14. 	<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/base/jquery-ui.css" id="theme">

    15. 

  15. 	<link rel="stylesheet" href="../css/jquery.fileupload-ui.css">

    16. 

  16. 	<link rel="stylesheet" href="../css/style.css">

    17. 

  17. 	<?php $xajax->printJavascript('../xajax/'); ?>

    18. 

  18. </head>

    19. 

  19. <body>

    20. 

  20. 	<div id="fileupload">

    21. 

  21. 	    <form action="../include/upload.php" method="POST" enctype="multipart/form-data">

    22. 

  22. 	        <div class="fileupload-buttonbar">

    23. 

  23. 	            <label class="fileinput-button">

    24. 

  24. 	                <span>Add files...</span>

    25. 

  25. 	                <input type="file" name="files[]" multiple>

    26. 

  26. 	            </label>

    27. 

  27. 	            <button type="submit" class="start">Start upload</button>

    28. 

  28. 	            <button type="reset" class="cancel">Cancel upload</button>

    29. 

  29. 	            <button type="button" class="delete">Delete files</button>

    30. 

  30. 	        </div>

    31. 

  31. 	    </form>

    32. 

  32. 	    <div class="fileupload-content">

    33. 

  33. 	        <table class="files"></table>

    34. 

  34. 	        <div class="fileupload-progressbar"></div>

    35. 

  35. 	    </div>	    

    36. 

  36. 	</div>

    37. 

  37. 	<script id="template-upload" type="text/x-jquery-tmpl">

    38. 

  38.     <tr class="template-upload{{if error}} ui-state-error{{/if}}">

    39. 

  39.         <td class="preview"></td>

    40. 

  40.         <td class="name">${name}</td>

    41. 

  41.         <td class="size">${sizef}</td>

    42. 

  42.         {{if error}}

    43. 

  43.             <td class="error" colspan="2">Error:

    44. 

  44.                 {{if error === 'maxFileSize'}}File is too big

    45. 

  45.                 {{else error === 'minFileSize'}}File is too small

    46. 

  46.                 {{else error === 'acceptFileTypes'}}Filetype not allowed

    47. 

  47.                 {{else error === 'maxNumberOfFiles'}}Max number of files exceeded

    48. 

  48.                 {{else}}${error}

    49. 

  49.                 {{/if}}

    50. 

  50.             </td>

    51. 

  51.         {{else}}

    52. 

  52.             <td class="progress"><div></div></td>

    53. 

  53.             <td class="start"><button>Start</button></td>

    54. 

  54.         {{/if}}

    55. 

  55.         <td class="cancel"><button>Cancel</button></td>

    56. 

  56.     </tr>

    57. 

  57. 	</script>

    58. 

  58. 	<script id="template-download" type="text/x-jquery-tmpl">

    59. 

  59.     <tr class="template-download{{if error}} ui-state-error{{/if}}">

    60. 

  60.         {{if error}}

    61. 

  61.             <td></td>

    62. 

  62.             <td class="name">${name}</td>

    63. 

  63.             <td class="size">${sizef}</td>

    64. 

  64.             <td class="error" colspan="2">Error:

    65. 

  65.                 {{if error === 1}}File exceeds upload_max_filesize (php.ini directive)

    66. 

  66.                 {{else error === 2}}File exceeds MAX_FILE_SIZE (HTML form directive)

    67. 

  67.                 {{else error === 3}}File was only partially uploaded

    68. 

  68.                 {{else error === 4}}No File was uploaded

    69. 

  69.                 {{else error === 5}}Missing a temporary folder

    70. 

  70.                 {{else error === 6}}Failed to write file to disk

    71. 

  71.                 {{else error === 7}}File upload stopped by extension

    72. 

  72.                 {{else error === 'maxFileSize'}}File is too big

    73. 

  73.                 {{else error === 'minFileSize'}}File is too small

    74. 

  74.                 {{else error === 'acceptFileTypes'}}Filetype not allowed

    75. 

  75.                 {{else error === 'maxNumberOfFiles'}}Max number of files exceeded

    76. 

  76.                 {{else error === 'uploadedBytes'}}Uploaded bytes exceed file size

    77. 

  77.                 {{else error === 'emptyResult'}}Empty file upload result

    78. 

  78.                 {{else}}${error}

    79. 

  79.                 {{/if}}

    80. 

  80.             </td>

    81. 

  81.         {{else}}

    82. 

  82.             <td class="preview">

    83. 

  83.                 {{if thumbnail_url}}

    84. 

  84.                     <a href="${url}" target="_blank"><img src="${thumbnail_url}"></a>

    85. 

  85.                 {{/if}}

    86. 

  86.             </td>

    87. 

  87.             <td class="name">

    88. 

  88.                 <a href="${url}"{{if thumbnail_url}} target="_blank"{{/if}}>${name}</a>

    89. 

  89.             </td>

    90. 

  90.             <td class="size">${sizef}</td>

    91. 

  91.             <td colspan="2"></td>

    92. 

  92.         {{/if}}

    93. 

  93.         <td class="delete" id="${name}">			

    94. 

  94. 			<TEXTAREA Name="comments" rows="4" cols="20"></TEXTAREA> 

    95. 

  95.             <button data-type="${delete_type}" data-url="${delete_url}">Delete</button>

    96. 

  96. 			<input type="button" value="确定" onclick="confirmUpload('${url}', '${name}');"/>

    97. 

  97. 			<label class="lbl_success" style="display:none">成功</label>

    98. 

  98.         </td>

    99. 

  99.     </tr>

    100. 

  100. 	</script>

    101. 

  101. 	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

    102. 

  102. 	<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>

    103. 

  103. 	<script src="//ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>

    104. 

  104. 	<script src="../js/jquery/jquery.iframe-transport.js"></script>

    105. 

  105. 	<script src="../js/jquery/jquery.fileupload.js"></script>

    106. 

  106. 	<script src="../js/jquery/jquery.fileupload-ui.js"></script>

    107. 

  107. 	<script src="../js/upload.js"></script>

    108. 

  108. </body> 

    109. 

  109. <script>

    110. 

  110. 	function confirmUpload(url, name){

    111. 

  111. 		//alert();

    112. 

  112. 		xajax_confirmUpload(url, name);

    113. 

  113. 		

    114. 

  114. 		

    115. 

  115. 	}

    116. 

  116. 

    117. 

  117. 	function confirmUpload_back(id){

    118. 

  118. 		//var td = $(obj).parent;

    119. 

  119. 		//id of td

    120. 

  120. 		var object = document.getElementById(id);

    121. 

  121. 		var arrTextArea = object.getElementsByTagName("textarea");

    122. 

  122. 		var arrInput = object.getElementsByTagName("input");

    123. 

  123. 		var arrButton = object.getElementsByTagName("button");

    124. 

  124. 		var arrLabel = object.getElementsByTagName("label");

    125. 

  125. 		

    126. 

  126. 		//alert(id);

    127. 

  127. 		//alert(object);

    128. 

  128. 		//object.getElementByTag("textarea");

    129. 

  129. 		//alert(arrTextArea[0]);

    130. 

  130. 		//alert(td);

    131. 

  131. 		arrTextArea[0].style.display="none";

    132. 

  132. 		arrInput[0].style.display="none" ;

    133. 

  133. 		arrButton[0].style.display="none";

    134. 

  134. 		arrLabel[0].style.display="block";

    135. 

  135. 	}

    136. 

  136. 	

    137. 

  137. </script>

    138. 

  138. 

    139. 

  139. </html>
    140.