Code Up Image'ı Imgur'a Paylaşın Bağlantıları HTML5 Kullanarak Otomatik Olarak Alın

Merhaba, arkadaşlar olarak görüyorum. Çoğu zaman, en azından, en azından, en azından, en azından, en azından, en azından, en azından, en azından, en azından, en azından, en azından, en çok, en iyi şekilde, en iyi şekilde, en iyi şekilde, en iyi şekilde, en iyi şekilde, en iyi şekilde, en iyi şekilde, en iyi şekilde, en azından, en iyi şekilde, en iyi şekilde, en iyi şekilde, en iyi şekilde yıkanmasını sağlarlar. Çoğu zaman, çevrimiçi bağlantı kurmak veya bağlantı kurmak için herhangi bir bağlantıya sahip olamazsınız.

Çevrimiçi Fotoğraf Yükleme Aracı, görüntüleri çevrimiçi olarak yüklemenizi ve depolamanızı sağlayan bir araçtır. Bir resim yüklediğinizde, web sayfalarında, blog gönderilerinde veya resmi paylaşmak istediğiniz herhangi bir yerde kullanmak için bir URL bağlantısı alabilirsiniz.

Çevrimiçi bir fotoğraf yükleme aracı kullanmak, ayrı bir sunucu yönetmenize veya herhangi bir yazılım yüklemenize gerek olmadığından, görüntüleri depolamak ve paylaşmak için kolay ve kullanışlı bir yol sağlar. Sadece resmi yükleyin, bağlantıyı alın ve web sayfalarında kullanın.

Fotoğrafları Çevrimiçi Yükleme & Çevrimiçi Fotoğraflar için URL'leri Hızlı Alma

Öncelikle aşağıda ki kodları hazırlamak için blogger sabit sayfalar bölümünü açın. Ve aşağıda ki kodları kopyalayarak html bölümüne yapıştırın.

<div class="dropzone">
  <div class="infoimg"></div>
</div>
<script src="https://chiasevip.github.io/js/upload-image.js" type="text/javascript"></script>
<script src="https://chiasevip.github.io/js/upload-image-id.js" type="text/javascript"></script>
<style>
  body.loading .loading-modal {
display:block
}

.dropzone {
border:5px dashed #5ad;
border-radius:10px;
position:relative;
margin:20px auto;
clear:both;
background:#fff;
box-shadow:0 10px 20px 0 rgb(30 30 30 / 8%);
padding:25px
}

.infoimg {
margin:0 auto;
margin-top:20px;
margin-bottom:20px
}

.dropzone p {
margin:0;
text-align:center;
width:100%;
font-weight:700;
color:#222;
font-size:18px
}

.input {
height:100%;
left:0;
outline:0;
opacity:0;
position:absolute;
top:0;
width:100%;
cursor:-webkit-zoom-in
}

.status {
border-radius:5px;
text-align:center;
margin-left:auto;
margin-right:auto
}

.image-url {
width:calc(100% - 0px);
padding:5px;
border:1px solid #999;
border-radius:5px;
color:#007fff;
font-size:16px
}

.linkimg {
margin:20px 0
}

.dropzone.dropzone-dragging {
border-color:#000
}

.loading-modal {
background-color:rgba(255,255,255,.8);
display:none;
position:fixed;
z-index:1000;
top:0;
left:0;
height:100%;
width:100%
}

.loading-table {
margin:15% auto
}
</style>

Aşağıda ki DEMO sayfamızı kontrol edebilirsiniz. Bütün işlemler bu kadar.

DEMO