Tên tài khoản:
Bạn đã có tài khoản rồi?
Tích vào đây để đăng ký.
Vâng, Mật khẩu của tôi là:

Bạn đã quên mật khẩu?

Duy trì trạng thái đăng nhập
Đăng nhập hoặc Đăng kí
Tin tức - News
Online [0]
.[1]Google, [1]CốcCốc,
milogaudaik ‘๑’Ch๏ng Xáng (SV!)
Pro mới nổi
[Đại Ka]

Re: Share code up ảnh lên imgur cho xtgem

#1

code up ảnh lên imgur cho xtgem này chỉ dùng js và html thôi
nói sơ về code up ảnh lên imgur cho xtgem này thì có 2 lựa chọn là up bằng file và url.tiện lợi
demo http://4allvn.mobie.in/up-anh

code đây
  1. <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.js"></script>
  2. <!-- zzImgUr plugin --> <script src="http://topvina.123.st/10785.js" type="text/javascript"></script><style>
  3. /*
  4.  * jQuery plugin zzImgUr ver 1.6 by zzbaivong
  5.  */
  6. .imgur_Zzbv,.imgur_Zzbv *{box-sizing:content-box;-moz-boxsizing:content-box;-webkit-box-sizing:content-box;margin:0;padding:0}
  7. .imgur_Zzbv input{-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial}
  8. .imgur_Zzbv{border:1px solid #333;background:#FFF;height:auto}
  9. .imgur_Zzbv-iconError,.imgur_Zzbv-iconDevs,.imgur_Zzbv-delete,.imgur_Zzbv-remove,.imgur_Zzbv-iconSelect,.imgur_Zzbv-button div img,.imgur_Zzbv-iconComplete,.imgur_Zzbv-iconImage{display:inline-block;background:url(http://i.imgur.com/e9GpBzF.png) no-repeat center center;width:16px;height:16px;float:left;margin:7px}
  10. .imgur_Zzbv-iconDevs{background-position:0 0}
  11. .imgur_Zzbv-iconComplete{background-position:-32px -16px}
  12. .imgur_Zzbv-status img{margin:0}
  13. .imgur_Zzbv-iconError{background-position:0 -32px}
  14. .imgur_Zzbv-iconSelect{background-position:0 -16px}
  15. .imgur_Zzbv-iconUpload{background-position:-16px -16px}
  16. .imgur_Zzbv-button div img.imgur_Zzbv-iconReset{background-position:-16px 0}
  17. .imgur_Zzbv-iconImage{background-position:-16px -32px}
  18. .imgur_Zzbv-iconImage.imgur_Zzbv-iconUrl{background-position:-32px -32px}
  19. .imgur_Zzbv-mode{cursor:pointer;width:30px;height:30px;float:left;background-color:#FF475D}
  20. .imgur_Zzbv-mode.imgur_Zzbv-zzURL{background-color:#0B704C}
  21. .imgur_Zzbv-button div{cursor:pointer;background-color:#359BED;border:0;height:30px;display:none;padding:0 10px 0 0}
  22. .imgur_Zzbv-button .imgur_Zzbv-reset{background-color:#01686D}
  23. .imgur_Zzbv-delete,.imgur_Zzbv-remove{background-position:-32px 0;position:absolute;right:3px;top:3px;height:16px;width:16px;text-indent:-9999px;overflow:hidden;background-color:transparent;margin:0}
  24. .imgur_Zzbv-control{position:relative;height:30px;line-height:30px;overflow:hidden;background:#333;color:#FFF}
  25. .imgur_Zzbv-preview{overflow-y:auto;overflow-x:hidden}
  26. .imgur_Zzbv-li{background:#f2f2f2;list-style-type:none;position:relative;height:68px;border-top:1px solid #DDD;overflow:hidden}
  27. .imgur_Zzbv-li:first-child{border-top:0 none}
  28. .imgur_Zzbv-li:nth-child(2n){background:#E7E6E6}
  29. .imgur_Zzbv-li:hover{background:#007CEE;color:#FFF}
  30. .imgur_Zzbv-li.imgur_Zzbv-success{background:#FFFFA1}
  31. .imgur_Zzbv-image{width:100px;overflow:hidden;position:absolute;height:100%}
  32. .imgur_Zzbv-image img{max-width:100%;max-height:100%;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
  33. .imgur_Zzbv-info{position:absolute;left:100px;top:0;right:0;height:100%}
  34. .imgur_Zzbv-info > *{white-space:nowrap}
  35. .imgur_Zzbv-dl{line-height:34px}
  36. .imgur_Zzbv-dl > div{height:34px}
  37. .imgur_Zzbv-dt{float:left;width:70px;font-weight:300;font-size:12px}
  38. .imgur_Zzbv input.imgur_Zzbv-input{width:calc(100% - 84px)!important;height:16px!important;line-height:16px!important;margin:8px 0!important;padding:0!important}
  39. .imgur_Zzbv-status{position:absolute;width:16px;height:16px;line-height:16px;left:5px;top:7px;display:none}
  40. .imgur_Zzbv-add{cursor:pointer;position:absolute;width:100px;height:30px;overflow:hidden;background:orange;left:30px;top:0;z-index:10}
  41. .imgur_Zzbv-upload-URL.imgur_Zzbv-add{background:#C100E6}
  42. .imgur_Zzbv-textSelect{font-size:12px;position:absolute;width:100%;left:30px;height:30px;line-height:30px}
  43. .imgur_Zzbv-choose{cursor:pointer;z-index:10;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;font-size:300px;height:1000px;right:0;top:0;position:absolute}
  44. .imgur_Zzbv-length{position:absolute;width:50px;text-align:center;top:0;left:50%;margin-left:-25px;display:none}
  45. .imgur_Zzbv-button{position:absolute;width:90px;right:0;top:0;white-space:nowrap;z-index:10}
  46. .imgur_Zzbv-mode:hover,.imgur_Zzbv-button div:hover,.imgur_Zzbv-add:hover{background-color:#666}
  47. .imgur_Zzbv-devs-icon{position:absolute;right:0;top:0;line-height:16px}
  48. .imgur_Zzbv-tip{height:24px;font-size:13px;font-style:italic;line-height:26px}
  49. .imgur_Zzbv-tip img{vertical-align:middle;float:none;margin:-4px 0 0}
  50. .imgur_Zzbv-wrap-progress{background:#FFF;height:3px;border:0;position:absolute;bottom:0;left:-100px;right:0}
  51. .imgur_Zzbv-progress{height:3px;background:red;width:1px}
  52. .imgur_Zzbv-errorURL{color:red}
  53. .imgur_Zzbv input.imgur_Zzbv-imageURL{width:calc(100% - 11px)!important;border:0 none!important;box-shadow:0 0 0 1px #DDD!important;height:16px!important;line-height:16px!important;margin:0 0 0 1px !important}
  54. .imgur_Zzbv-mini .imgur_Zzbv-button,.imgur_Zzbv-mini .imgur_Zzbv-add{width:30px}
  55. .imgur_Zzbv-mini .imgur_Zzbv-info{left:10px}
  56. .imgur_Zzbv-mini .imgur_Zzbv-wrap-progress{left:-10px}
  57. .imgur_Zzbv-upload-URL,.imgur_Zzbv-mini .imgur_Zzbv-image{display:none}
  58.  
  59. </style> <script type="text/javascript">//<![CDATA[
  60. $(function(){
  61. $(".upload").zzImgUr({
  62. cliendID: "71ae7b89253621e",
  63. mode: "file",
  64. format: "o,",
  65. css: {
  66. width: "100%"
  67. },
  68. max: 10,
  69. loading: "http://i.imgur.com/m3NXDa6.gif",
  70. lang: {
  71. noID: "Ứng dụng chưa đăng ký",
  72. addImage: "Chọn ảnh",
  73. addURL: "Thêm URL",
  74. reset: "Làm mới",
  75. upload: "Tải lên",
  76. choose: "Đã chọn",
  77. waitConnect: "Đang kết nối...",
  78. waitUpload: "Đang tải lên...",
  79. noteURL: "Nhập URL ảnh vào đây:",
  80. errContact: '<a href="http://devs.forumvi.com/t131-jq-plugin-jquery-plugin-zzimgur#831" rel="nofollow" target="_blank">Nhấn vào đây</a> để báo lỗi.',
  81. errURL: "URL không truy cập được.",
  82. errSize: "URL lỗi hoặc kích thước quá nhỏ.",
  83. errRepeat: "URL không hợp lệ hoặc đã được sử dụng."
  84. },
  85. success: function (firstVal, arrVal) {
  86. console.log(firstVal);
  87. console.log(arrVal);
  88. },
  89. input: function (arrInput) {
  90. console.log(arrInput);
  91. arrInput.click(function () {
  92. this.select();
  93. console.log(this);
  94. });
  95. },
  96. remove: function (firstVal, arrVal) {
  97. console.log(firstVal);
  98. console.log(arrVal);
  99. }
  100. });
  101. });//]]>
  102.  
  103. </script>
  104. <div class="upload">
  105. <div style="width: 100%;" class="imgur_Zzbv">
  106.  
  107. <div class="imgur_Zzbv-control">
  108.  
  109. <div class="imgur_Zzbv-mode">
  110. <img style="width: 16px; height: 16px;" alt="Image" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="imgur_Zzbv-iconImage" />
  111. </div>
  112.  
  113. <div class="imgur_Zzbv-status">
  114. <img alt="loading..." src="http://i.imgur.com/m3NXDa6.gif" />
  115. </div>
  116.  
  117. <div class="imgur_Zzbv-upload-computer imgur_Zzbv-add">
  118. <img style="width: 16px; height: 16px;" alt="Select" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="imgur_Zzbv-iconSelect" />
  119. <div class="imgur_Zzbv-textSelect">
  120. Chọn ảnh
  121. </div>
  122. <input multiple="multiple" class="imgur_Zzbv-choose" type="file" />
  123. </div>
  124.  
  125. <div style="display: none;" class="imgur_Zzbv-upload-URL imgur_Zzbv-add">
  126.  
  127. <div class="imgur_Zzbv-iconSelect">
  128. </div>
  129.  
  130. <div class="imgur_Zzbv-textSelect">
  131. Thêm URL
  132. </div>
  133.  
  134. </div>
  135.  
  136. <div style="display: none;" class="imgur_Zzbv-length">
  137. <span class="imgur_Zzbv-complete">0</span> / <span class="imgur_Zzbv-selected">0</span>
  138. </div>
  139.  
  140. <div class="imgur_Zzbv-button">
  141.  
  142. <div class="imgur_Zzbv-reset">
  143. <img style="width: 16px; height: 16px;" alt="Reset" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="imgur_Zzbv-iconReset" />Làm mới
  144. </div>
  145.  
  146. <div style="display: none;" class="imgur_Zzbv-upload">
  147. <img style="width: 16px; height: 16px;" alt="Upload" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="imgur_Zzbv-iconUpload" />Tải lên
  148. </div>
  149.  
  150. </div>
  151.  
  152. </div>
  153.  
  154. <div class="imgur_Zzbv-preview">
  155.  
  156. <div class="imgur_Zzbv-list">
  157. </div>
  158.  
  159. </div>
  160.  
  161. </div>
  162. </div>


các bạn không sợ die thì dùng chung cliendid trên imgur với codeblogger,cho chắc thì vào imgur mà tạo 1 app riêng mà lấy cliendid mà dùng nhé.
1 2 »

milogaudaik ‘๑’Ch๏ng Xáng (SV!)
Pro mới nổi
[Đại Ka]

#2

hoặc tải code mình zip sẵn
Tập tin đính kèm
Downloads: 24 lần
Phương Anh Phương Anh (SV!)
Diana - Nâng niu đàn bướm Việt

#3

Em có code up = url nhưng mà lag wá cười ngoác miệng
  Tổng số: 3
Xem chủ để ngoại tuyến (Offline)
Xviet.Mobi
loading...
Trang chủ / 0 / 10 | Language: VN (Change)