Với một FORM đơn giản để đăng tài liệu dạng text bằng Ajax thì có rất nhiều cách, tuy nhiên nếu mong muốn upload luôn cả tệp tin vào thì nhiều vô kể bạn chạm mặt khó khăn. Nội dung bài viết này vẫn hướng dẫn áp dụng jquery.form.js nhằm đăng 1 file thực hiện Ajax.
Xem demo tại sancongnghe.vn
Cái bạn cần đàu tiên là pluginjquery.form.js, chúng ta có thể download sinh hoạt đây. Mình đang hướng dẫn chúng ta sử dụng để post 1 ảnh sang php xử lý.Demo chúng ta có thể đăng nhập với xem làm việc đây1) Code HTMLĐầu tiên ta bắt buộc gọi plugin lên nhằm sử dụng
unlink( $_FILES<'images'><'tmp_name'> ); if( $upload_info<'size'> > ( $pro_config<'dungluonglogo'> * 1024 ) ) $data = array( 'error' => 1, //bi loi 'message' => $lang_module<'loidungluonganh'> . " " . $pro_config<'dungluonglogo'> ." Kb", ); //xoa file upload tam if ( ! empty( $upload_info<'basename'> ) & is_file( NV_ROOTDIR . '/' . NV_UPLOADS_DIR . '/' . $module_name . '/' . $user_active . '/' . $upload_info<'basename'> ) )
nv_deletefile(NV_ROOTDIR . '/' . NV_UPLOADS_DIR . '/' . $module_name . '/' . $user_active . '/' . $upload_info<'basename'> ); die( json_encode( $data ) ); if ( empty( $upload_info<'error'> ) )
chmod( $upload_info<'name'>, 0644 ); $image = $upload_info<'name'>;$basename = $upload_info<'basename'>;$_image = new NukeVietFilesImage( $image, $pro_config<'dailogo'>, $pro_config<'ronglogo'> );$_image->resizeXY( $pro_config<'dailogo'>, $pro_config<'ronglogo'> );$_image->save( NV_UPLOADS_REAL_DIR . '/' . $module_name . '/' . $user_active, $basename ); $data = array( 'error' => 0, 'linkfile' => NV_BASE_SITEURL . NV_UPLOADS_DIR . "/" . $module_name . '/' . $user_active . '/' . $basename, 'filename' => $basename, ); die( json_encode( $data ) ); else $data = array( 'error' => 1, //bi loi 'message' => $lang_module<'loianh'>, ); die( json_encode( $data ) ); }Ở trên đây mình đang sử dụng code nukeviet để dìm file, với code thuần thì cũng tương tự.Vấn đề đặc trưng nhất là kết quả trả về dạngjson_encode để JS liên tiếp xử lý.Chúc chúng ta thành công. Hầu như thắc mắc phấn kích post vào commen bên dưới.
Bạn đang xem: Submit form using jquery ajax and php without page refresh
Cái bạn cần đàu tiên là pluginjquery.form.js, chúng ta có thể download sinh hoạt đây. Mình đang hướng dẫn chúng ta sử dụng để post 1 ảnh sang php xử lý.Demo chúng ta có thể đăng nhập với xem làm việc đây1) Code HTMLĐầu tiên ta bắt buộc gọi plugin lên nhằm sử dụng
tiếp sau làthẻ img nhằm hiển thị hình ảnh sau khi upload xong.
Xem thêm: Viêm Amidan Là Gì ? Viêm Amidan, Khi Nào Cần Cắt
nv_deletefile(NV_ROOTDIR . '/' . NV_UPLOADS_DIR . '/' . $module_name . '/' . $user_active . '/' . $upload_info<'basename'> ); die( json_encode( $data ) ); if( $upload_info<'img_info'><0> > 1500 || $upload_info<'img_info'><1> > 1500 ) $data = array( 'error' => 1, //bi loi 'message' => $lang_module<'loikichthuocanh'>, ); //xoa file upload tam if ( ! empty( $upload_info<'basename'> ) & is_file( NV_ROOTDIR . '/' . NV_UPLOADS_DIR . '/' . $module_name . '/' . $user_active . '/' . $upload_info<'basename'> ) )nv_deletefile(NV_ROOTDIR . '/' . NV_UPLOADS_DIR . '/' . $module_name . '/' . $user_active . '/' . $upload_info<'basename'> ); die( json_encode( $data ) ); if ( empty( $upload_info<'error'> ) )
chmod( $upload_info<'name'>, 0644 ); $image = $upload_info<'name'>;$basename = $upload_info<'basename'>;$_image = new NukeVietFilesImage( $image, $pro_config<'dailogo'>, $pro_config<'ronglogo'> );$_image->resizeXY( $pro_config<'dailogo'>, $pro_config<'ronglogo'> );$_image->save( NV_UPLOADS_REAL_DIR . '/' . $module_name . '/' . $user_active, $basename ); $data = array( 'error' => 0, 'linkfile' => NV_BASE_SITEURL . NV_UPLOADS_DIR . "/" . $module_name . '/' . $user_active . '/' . $basename, 'filename' => $basename, ); die( json_encode( $data ) ); else $data = array( 'error' => 1, //bi loi 'message' => $lang_module<'loianh'>, ); die( json_encode( $data ) ); }Ở trên đây mình đang sử dụng code nukeviet để dìm file, với code thuần thì cũng tương tự.Vấn đề đặc trưng nhất là kết quả trả về dạngjson_encode để JS liên tiếp xử lý.Chúc chúng ta thành công. Hầu như thắc mắc phấn kích post vào commen bên dưới.
