Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <input id="sortpicture" type="file" name="sortpic" />
- <button id="upload">Upload</button>
- $("#upload").on("click", function() {
- var file_data = $("#sortpicture").prop("files")[0];
- var form_data = new FormData();
- form_data.append("file", file_data);
- alert(form_data);
- $.ajax({
- url: "/uploads",
- dataType: 'script',
- cache: false,
- contentType: false,
- processData: false,
- data: form_data,
- type: 'post',
- success: function(){
- alert("works");
- }
- });
- });
- $('#upload').on('click', function() {
- var file_data = $('#sortpicture').prop('files')[0];
- var form_data = new FormData();
- form_data.append('file', file_data);
- alert(form_data);
- $.ajax({
- url: 'upload.php', // point to server-side PHP script
- dataType: 'text', // what to expect back from the PHP script, if anything
- cache: false,
- contentType: false,
- processData: false,
- data: form_data,
- type: 'post',
- success: function(php_script_response){
- alert(php_script_response); // display response from the PHP script, if any
- }
- });
- });
- <?php
- if ( 0 < $_FILES['file']['error'] ) {
- echo 'Error: ' . $_FILES['file']['error'] . '<br>';
- }
- else {
- move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']);
- }
- ?>
- move_uploaded_file(
- // this is where the file is temporarily stored on the server when uploaded
- // do not change this
- $_FILES['file']['tmp_name'],
- // this is where you want to put the file and what you want to name it
- // in this case we are putting in a directory called "uploads"
- // and giving it the original filename
- 'uploads/' . $_FILES['file']['name']
- );
- move_uploaded_file(
- $_FILES['file']['tmp_name'],
- 'uploads/my_new_filename.whatever'
- );
- var formData = new FormData($("#YOUR_FORM_ID")[0]);
- $.ajax({
- url: "upload.php",
- type: "POST",
- data : formData,
- processData: false,
- contentType: false,
- beforeSend: function() {
- },
- success: function(data){
- },
- error: function(xhr, ajaxOptions, thrownError) {
- console.log(thrownError + "rn" + xhr.statusText + "rn" + xhr.responseText);
- }
- });
- <?
- $data = array();
- //check with your logic
- if (isset($_FILES)) {
- $error = false;
- $files = array();
- $uploaddir = $target_dir;
- foreach ($_FILES as $file) {
- if (move_uploaded_file($file['tmp_name'], $uploaddir . basename( $file['name']))) {
- $files[] = $uploaddir . $file['name'];
- } else {
- $error = true;
- }
- }
- $data = ($error) ? array('error' => 'There was an error uploading your files') : array('files' => $files);
- } else {
- $data = array('success' => 'NO FILES ARE SENT','formData' => $_REQUEST);
- }
- echo json_encode($data);
- ?>
- **1. index.php**
- <body>
- <span id="msg" style="color:red"></span><br/>
- <input type="file" id="photo"><br/>
- <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(document).on('change','#photo',function(){
- var property = document.getElementById('photo').files[0];
- var image_name = property.name;
- var image_extension = image_name.split('.').pop().toLowerCase();
- if(jQuery.inArray(image_extension,['gif','jpg','jpeg','']) == -1){
- alert("Invalid image file");
- }
- var form_data = new FormData();
- form_data.append("file",property);
- $.ajax({
- url:'upload.php',
- method:'POST',
- data:form_data,
- contentType:false,
- cache:false,
- processData:false,
- beforeSend:function(){
- $('#msg').html('Loading......');
- },
- success:function(data){
- console.log(data);
- $('#msg').html(data);
- }
- });
- });
- });
- </script>
- </body>
- **2.upload.php**
- <?php
- if($_FILES['file']['name'] != ''){
- $test = explode('.', $_FILES['file']['name']);
- $extension = end($test);
- $name = rand(100,999).'.'.$extension;
- $location = 'uploads/'.$name;
- move_uploaded_file($_FILES['file']['tmp_name'], $location);
- echo '<img src="'.$location.'" height="100" width="100" />';
- }
Add Comment
Please, Sign In to add comment