jQuery рдлрд╝рд╛рдЗрд▓ рдЕрдкрд▓реЛрдбред рдбреЗрдЯрд╛рдмреЗрд╕ рдореЗрдВ рдЪрд┐рддреНрд░ рдЕрдкрд▓реЛрдб рдХрд░реЗрдВ рдФрд░ рдЬреЛрдбрд╝реЗрдВ

рд╕рднреА рдХреЛ рд╢реБрдн рджрд┐рди!
рдЗрд╕рдореЗрдВ, рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ, рдЫреЛрдЯреЗ рд▓реЗрдЦ рдореИрдВ рдпрд╣ рд╡рд░реНрдгрди рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдХрд┐ рдореИрдВрдиреЗ рдХреИрд╕реЗ рдкрдврд╝рд╛, рд▓рдбрд╝рд╛ рдФрд░ рд╣рд░рд╛рдпрд╛ jQuery рдлрд╝рд╛рдЗрд▓ рдЕрдкрд▓реЛрдбред

рдЧреАрддрд╛рддреНрдордХ рд╡рд┐рд╖рдпрд╛рдВрддрд░:
рд╕рд╛рдЗрдЯ рдмрдирд╛рдиреЗ рдореЗрдВ, рдореБрдЭреЗ рд╕рд╛рдЗрдЯ рдкрд░ рдЫрд╡рд┐рдпреЛрдВ рдХреЛ рдЕрдкрд▓реЛрдб рдХрд░рдиреЗ рдХреЗ рдХрд╛рд░реНрдп рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдереА, рдФрд░ рдПрдХ рд╡реНрдпрдХреНрддрд┐рдЧрдд рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЛ рдлрд╝реЛрдЯреЛ рдЕрдкрд▓реЛрдб рдХрд░рдирд╛ рдерд╛, рддрд╛рдХрд┐ рдлрд╝реЛрдЯреЛ рдХреЛ рд╕рд╣реЗрдЬрд╛ рдЧрдпрд╛ рдФрд░ рдЗрд╕ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЗ рд▓рд┐рдП рдареАрдХ рд╕рдВрд▓рдЧреНрди рдХрд┐рдпрд╛ рдЧрдпрд╛ред
рд╕рд╛рдорд╛рдиреНрдп рддреМрд░ рдкрд░, googling рдореИрдВ jQuery рдлрд╝рд╛рдЗрд▓ рдЕрдкрд▓реЛрдб рдореЗрдВ рдЖрдпрд╛ рдерд╛ред
рд╕рд╛рдЗрдЯ рдореЗрдВ рдкреНрд░рд▓реЗрдЦрди рд╣реИ, рдЬрд┐рд╕рдореЗрдВ рдореБрдЭреЗ рд╕реНрдкрд╖реНрдЯ рд░реВрдк рд╕реЗ рд╕рдордЭ рдореЗрдВ рдирд╣реАрдВ рдЖрдпрд╛, рд▓реЗрдХрд┐рди рдлрд┐рд░ рднреА рдЦреБрдж рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХрд╛ рдкрддрд╛ рд▓рдЧрд╛рдиреЗ рдХрд╛ рдлреИрд╕рд▓рд╛ рдХрд┐рдпрд╛ред

1. рдФрд░ рдЗрд╕рд▓рд┐рдПред рдореИрдВрдиреЗ рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдбрд╛рдЙрдирд▓реЛрдб рдХреА , рдЗрд╕реЗ рд╕рд░реНрд╡рд░ рдкрд░ рд╕реНрдерд╛рдкрд┐рдд рдХрд┐рдпрд╛ред
рдФрд░ рддреБрд░рдВрдд рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╕рдорд╕реНрдпрд╛ рдореЗрдВ рднрд╛рдЧ рдЧрдпрд╛:
рдЫрд╡рд┐рдпреЛрдВ рдХреЛ рд▓реЛрдб рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж, рдореИрдВ рдкреГрд╖реНрда рдФрд░ рдЙрди рдЪрд┐рддреНрд░реЛрдВ рдХреА рд╕реВрдЪреА рдХреЛ рддрд╛рдЬрд╝рд╛ рдХрд░рддрд╛ рд╣реВрдВ рдЬрд┐рдиреНрд╣реЗрдВ рдореИрдВрдиреЗ рдкрд╣рд▓реЗ рд╣реА рдбрд╛рдЙрдирд▓реЛрдб рдХрд┐рдпрд╛ рд╣реИред рдХрд┐рд╕реА рдХреЗ рд▓рд┐рдП, рдпрд╣ рд╕рдВрднрд╡ рд╣реИ, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рд▓рд┐рдП рдирд╣реАрдВред
рдореИрдВ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреЛ рдареАрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рджреЗрдЦрдиреЗ рд▓рдЧрд╛ред
рдпрд╣ рдлрд╝рд╛рдЗрд▓ рд╕рд░реНрд╡рд░ / php / upload.class.php рдореЗрдВ рд╣рд▓ рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рд▓рд╛рдЗрди рд▓рдЧрднрдЧ 640 + -5ред
рдареАрдХ рдХрд░рдиреЗ рдХреА рдЬрд░реВрд░рдд рд╣реИ
public function get($print_response = true) 

рдкрд░
 public function get($print_response = false) 
ред

рдПрдХ рдХрдо рд╕рдорд╕реНрдпрд╛ред
рддрдм рдореИрдВрдиреЗ рд╕реЛрдЪрд╛ рдХрд┐ MySQL рдбреЗрдЯрд╛рдмреЗрд╕ рдореЗрдВ рдЪрд┐рддреНрд░ рдХреИрд╕реЗ рдЬреЛрдбрд╝рд╛ рдЬрд╛рдПред
рдЗрд╕ рдлрд╝рд╛рдЗрд▓ рдореЗрдВ рд╕рдорд╛рдзрд╛рди рдлрд┐рд░ рд╕реЗ рдерд╛ред (Upload.class.php)
рд▓рд╛рдЗрди рдХреЗ рдмрд╛рдж 500 рд╡реАрдВ рдкрдВрдХреНрддрд┐ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ:
 move_uploaded_file($uploaded_file, $file_path); 


рдореИрдВрдиреЗ рдбреЗрдЯрд╛рдмреЗрд╕ рдореЗрдВ рдЪрд┐рддреНрд░ рдЬреЛрдбрд╝рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдкрдиреА рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЬреЛрдбрд╝реА
 mysql_query("INSERT INTO img SET name='".$file->name."'"); 


рддрдм рдореИрдВрдиреЗ рдкрд╛рдпрд╛ рдХрд┐ рдЬрдм рддрд╕реНрд╡реАрд░ рдЕрдкрд▓реЛрдб рдХреА рдЧрдИ рдереА, рдбреЗрдЯрд╛рдмреЗрд╕ рдореЗрдВ рд░рд┐рдХреЙрд░реНрдб рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛ рдерд╛, рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдЗрд╕реЗ рддреБрд░рдВрдд рд╣рдЯрд╛ рджрд┐рдпрд╛ рдЧрдпрд╛, рддреЛ рддрд╕реНрд╡реАрд░ рд╣рдЯрд╛ рджреА рдЬрд╛рддреА рд╣реИ рдФрд░ рдбреЗрдЯрд╛рдмреЗрд╕ рдореЗрдВ рд░рд┐рдХреЙрд░реНрдб рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИред рдлрд┐рд░ рд╕реЗ рдореИрдВрдиреЗ рдХреЛрдб рдХрд╛ рдЕрдзреНрдпрдпрди рдХрд░рдирд╛ рд╢реБрд░реВ рдХрд┐рдпрд╛ред рдЙрд╕реА рдлрд╝рд╛рдЗрд▓ рдореЗрдВ рдЖрдкрдХреЛ рд▓рдЧрднрдЧ 715 рд▓рд╛рдЗрдиреЗрдВ рдЬреЛрдбрд╝рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ:

  unlink($file); 


рдбреЗрдЯрд╛рдмреЗрд╕ рдореЗрдВ рд░рд┐рдХреЙрд░реНрдб рд╣рдЯрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдХрдорд╛рдВрдбред рдореЗрд░реЗ рдорд╛рдорд▓реЗ рдореЗрдВ рдпрд╣ рд╣реИ:

 mysql_query("DELETE FROM img WHERE name='".$file_name."'"); 


рдЦреИрд░, рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдЕрдЪреНрдЫрд╛ рд╣реИред
рдлрд┐рд░ рдореИрдВ рдмрд┐рдЬрд▓реА рдХреА рддрд░рд╣ рд░реЛрдпрд╛ред рдФрд░ рдореИрдВ рдХреЗрд╡рд▓ рдПрдХ рд╡рд┐рд╢реЗрд╖ рд▓реЗрдЦрдХ рдХреЗ рд╕рд╛рде рд╕рдВрд▓рдЧреНрди рдирд╣реАрдВ рдирд╛рдо рд╕реЗ рдбреЗрдЯрд╛рдмреЗрд╕ рдореЗрдВ рдЪрд┐рддреНрд░ рдХреНрдпреЛрдВ рдЬреЛрдбрд╝ рд░рд╣рд╛ рд╣реВрдВ?
рдореИрдВрдиреЗ рдЦреЛрдЬ рд╢реБрд░реВ рдХреА рдФрд░ рд╕реЛрдЪрд╛ рдХрд┐ рдореИрдВ рдЗрд╕рд╕реЗ рдЕрдзрд┐рдХ рдЬрд╛рдирдХрд╛рд░реА рдХреИрд╕реЗ рд▓рд╛ рд╕рдХрддрд╛ рд╣реВрдВ

 mysql_query("INSERT INTO img SET name='".$file->name."'"); 


рд╣рд▓ рдлрд┐рд░ рдорд┐рд▓ рдЧрдпрд╛ред
рдореБрдЦреНрдп рдлрд╝рд╛рдЗрд▓ рдЕрдиреБрдХреНрд░рдордгрд┐рдХрд╛ рдЦреЛрд▓реЗрдВ (рдЬреЛ рд╣рдо рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЪрд▓рд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЦреЛрд▓рддреЗ рд╣реИрдВ)

рдФрд░ рдореЗрдВ рдЬреЛрдбрд╝реЗрдВ
 <form id="fileupload" action="//jquery-file-upload.appspot.com/" method="POST" enctype="multipart/form-data"> 


рд╕рд╢рд░реНрдд рд░реВрдк рд╕реЗ, рдЪрд┐рддреНрд░ рдЕрдкрд▓реЛрдб рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреА рдЖрдИрдбреАред
рд▓рдЧрднрдЧ рдЗрд╕ рддрд░рд╣ рджрд┐рдЦрддрд╛ рд╣реИ:

 <form id="fileupload" userId="1234567890" action="//jquery-file-upload.appspot.com/" method="POST" enctype="multipart/form-data"> 

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЖрдк рдпрд╣ рд╕реЛрдЪреЗрдВрдЧреЗ рдХрд┐ рдЗрд╕реЗ рдЕрдкрдиреЗ рддрд░реАрдХреЗ рд╕реЗ рдпрд╣рд╛рдВ рдХреИрд╕реЗ рдорд┐рд▓рд╛рдпрд╛ рдЬрд╛рдПред

рдЗрд╕рдХреЗ рдмрд╛рдж main.js рдлрд╝рд╛рдЗрд▓ рдЦреЛрд▓реЗрдВ
22 рд╡реАрдВ рдкрдВрдХреНрддрд┐

  url: 'server/php/index.php?' 


рдЗрд╕реЗ рдирд┐рдореНрдирд╛рдиреБрд╕рд╛рд░ рдмрджрд▓реЗрдВ

 url: 'server/php/index.php?id='+$('#fileupload').attr('userId') 


рдЕрдм, рдлрд╝рд╛рдЗрд▓ рдбрд╛рдЙрдирд▓реЛрдб рдХрд░рддреЗ рд╕рдордп, рд╣рдо рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдЖрдИрдбреА рдХреЗ рд╕рд╛рде рдПрдХ GET рдЕрдиреБрд░реЛрдз рднреЗрдЬреЗрдВрдЧреЗред
рдЕрдм рдлрд┐рд░ рд╕реЗ, 500 рд╡реАрдВ рдкрдВрдХреНрддрд┐ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрджрд▓реЗрдВ
рд╕рд╛рде

 mysql_query("INSERT INTO img SET name='".$file->name."'"); 


рдкрд░

 mysql_query("INSERT INTO img SET name='".$file->name.$_GET['id']."'"); 


рдФрд░ рд╡реЛрдЗрд▓рд╛ред рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рджреНрд╡рд╛рд░рд╛ рдЪрд┐рддреНрд░реЛрдВ рдХреЛ рд▓реЛрдб рдХрд░рддреЗ рд╕рдордп рд╣рдореЗрдВ рдЬреЛ рдорд┐рд▓рддрд╛ рд╣реИ:
1. рдлреЛрдЯреЛ рд╕рд░реНрд╡рд░ рдкрд░ рдЕрдкрд▓реЛрдб рд╣реИред
2. рдбреЗрдЯрд╛рдмреЗрд╕ рдореЗрдВ рдлреЛрдЯреЛ рдХреЗ рдирд╛рдо рдФрд░ рдЗрд╕реЗ рдЕрдкрд▓реЛрдб рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдпреВрдЬрд░ рдХреА рдЖрдИрдбреА рдХреЗ рд╕рд╛рде рдПрдХ рдкреНрд░рд╡рд┐рд╖реНрдЯрд┐ рдЬреЛрдбрд╝реА рдЬрд╛рддреА рд╣реИред

рдореБрдЭреЗ рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдХрд┐рд╕реА рдиреЗ рдорджрдж рдХреА!

Source: https://habr.com/ru/post/In158167/


All Articles