80s toys - Atari. I still have

CuDemVN.Wap.Sh

- GetSmile.Mobie.In - Diễn đàn chia sẻ Cú đêm Việt Nam
- AiChat.Wap.Sh - Diễn đàn Xtgem Việt Nam
- HamTruyen.Xtgem.Com - Blog Ham Truyện nơi hội tụ của những tín đồ mê truyện chữ
* Trang chủ >> WapMaster
Tìm Kiếm Thảo Luận
↓↓

Share jQ Plugin zzImgUr 1.6 - Upload ảnh lên Imgur.Com sử dụng HTML5 (không dùng PHP)

Admin* RoSino18k *
* 10-03-2016

Hiện tại server Imgur.Com đang dẫn đầu trong upload ảnh và đang được các master sử dụng nhiều nhất để lưu trữ ảnh vĩnh viễn mà không lo tốn băng thông của hosting mình. Trước đây bạn phải dùng code PHP để sử dụng công cụ này, khá bất tiện với những bạn không dùng PHP. Hôm nay đã có phiên bản upload ảnh imgur bằng HTML5. Đây là một Plugin khá hay sử dụng HTML5 & jQuery để upload file lên server Imgur! vui


Giới thiệu Plugin Upload Imgur

jQ Plugin: zzImgUr 1.6 - Upload ảnh lên ImgUr dùng HTML5
Tác giả: Zzbaivong
Nguồn: devs.forumvi.com

→demo: *http://cudemvn.wap.sh/demo/imgur-upload.php

Chức năng Plugin upload ảnh lên ImgUr dùng HTML5
1. Tải ảnh không giảm chất lượng nhờ dùng host ImgUr.
2. Không sử dụng PHP, chỉ dùng HTML5 và javascript, CSS để định dạng.
3. Sử dụng dễ dàng 7 định dạng BBcode mặc định, hoặc có thể tùy biến dữ liệu với 7 định dạng link.
4. Ảnh sau khi tải lên có thể cập nhật trực tiếp vào khung soạn thảo.
5. Có thể xóa ảnh, và loại bỏ dữ liệu trong khung soạn thảo dễ dàng.
6. Dễ dàng chuyển đổi 2 phương pháp tải ảnh thông dụng từ máy tính và từ liên kết.
7. Giao diện hiện đại với đầy đủ thông tin tiến trình tải ảnh.
8. Tự chuyển về giao diện mini khi chiều rộng hẹp hơn 220px.
9. Kiểm soát định dạng, các ảnh trùng lặp và giới hạn 10 ảnh tối đa mỗi lượt, giúp tiết kiệm băng thông (vì mỗi app đăng ký trên ImgUr bị giới hạn).

Hướng dẫn cài đặt và sử dụng Plugin:
- Bước 1: Đăng ký Client ID tại *https://api.imgur.com/oauth2/addclient với các thông số:
*. Application name: Đặt tên app tùy ý
*. Authorization type: Chọn dòng thứ 2 hoặc 3
*. Authorization callback URL: /
*. Application website: Tên miền của bạn
*. Email: Điền email của bạn
*. Description: Ghi chú cho app

Share jQ Plugin zzImgUr 1.6 - Upload ảnh lên Imgur.Com sử dụng HTML5 (không dùng PHP)
[Tải ảnh]


Share jQ Plugin zzImgUr 1.6 - Upload ảnh lên Imgur.Com sử dụng HTML5 (không dùng PHP)
[Tải ảnh]


Tới đây bạn hãy sao chép Client ID để phục vụ cho bước tiếp theo!

- Bước 2: Download Plugin *imgur-upload-html5.zip sau đó giải nén để được file imgur-upload.phpzzImgUr.min.js. Code chỉ sử dụng HTML và jQ vì thế sau khi giải nén, bạn có thể up code lên hosting, xtgem,.. hay bất cứ đâu có thể sử dụng HTML, 2 file này bạn phải upload ngang hàng nhau nhé, rất tiện dụng phải không nào! lol2

- Bước 3: Với Client ID bạn đã lấy được ở *bước 1 bạn mở file imgur-upload.php tìm dòng:
cliendID: "71ae7b89253621e"

sửa 71ae7b89253621e thành Client ID của bạn.
Nếu bạn không thể upload 2 file ngang hàng nhau thì vẫn trong imgur-upload.php bạn tìm:
<script type="text/javascript" src="zzImgUr.min.js"></script>

và sửa zzImgUr.min.js thành đường dẫn tới file zzImgUr.min.js
Ví dụ:
<script type="text/javascript" src="http://cudemvn.wap.sh/demo/zzImgUr.min.js"></script>

Các bước Cài đặt đã hoàn tất và giờ bạn có thể upload ảnh lên Imgur mọi nơi mà không cần phải có một wap PHP rồi nhé!

Bạn cũng có thể tùy chỉnh giới hạn số lượng ảnh tải lên trong một lượt, tùy biến định dạng ảnh, BBcode *Tại Đây
Chúc các bạn thành công!

Nguồn: Zzbaivong - devs.forumvi.com
↓ Tập tin Đính kèm ↓
↑↑ Lượt xem: 461
score
Đánh giá: 4.5/ 5, 461 bình chọn
- Chia sẻ:G  T
BBCode:

Link:
+ Còn “nhiều” Lắm!
+

Share code Diễn đàn trên Xtgem Full chức năng cực chất GetSmile.Mobie.In bởi Cú Đêm Việt Nam

+

Share code PHP hiển thị thông tin khách đang online trên Site

+

Sử dụng HTML và CSS tạo hiệu ứng hiển thị mô tả khi di chuột vào hình ảnh

+

Ajax là gì? Hướng dẫn code cơ bản khi xử lý dữ liệu với jQuery Ajax

+

Share full code PHP bộ tool cài đặt và quản lý Filelist KhoTruyen365 Xtgem

Trang chủ Cú Đêm Việt Nam Trang Chủ[1-1-461]