jQuery Plugin xqMultiUp

Plugin in Aktion:

Plugin einbinden:

Javascript:

$(function() {
	
	$('#xqMultiUp').xqMultiUp({
		
		maxFiles: 5,
		noduplicates: true
	});
});

CSS:

#xqMultiUp {
	
		
}


#xqMultiUp ul {

	list-style: none;
}

#xqMultiUp ul li {

	
}

#xqMultiUp ul li.uploading .progress {

	background-image: url(/xq-tools/xqtools-multiup/load1.gif);
    background-repeat: no-repeat;
    height: 16px;
    display: inline-block;
    padding-left: 18px;
}

#xqMultiUp ul li.ready {

	
}

#xqMultiUp ul li.success .progress {

    background-image: url(/xq-tools/xqtools-multiup/success.png);
    background-repeat: no-repeat;
    height: 16px;
    display: inline-block;
    padding-left: 18px;
}

#xqMultiUp .remove {

	cursor: pointer;
    background-image: url(/xq-tools/xqtools-multiup/remove.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}

HTML:

<div id="html">
<div id="xqMultiUp">
  <ul>
<li>
      <span class="remove">&nbsp;</span>
      <span class="file"></span>
      <span class="size"></span>
      <span class="progress"></span>
    </li>
  </ul>
<form action="/scripts/upload.php" method="post" enctype="multipart/form-data">
    <input type="file" name="upload[]">
</form>
  
  <button class="submit">Upload</button>
</div>
</div>

Web-Entwicklung:
HTML5 CSS PHP
Javascript Ajax
MySQL PostgreSQL

Seite weiterempfehlen:

| Mehr…