JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://framework7.io/dist/js/framework7.js"></script>
<script src="https://code.jquery.com/jquery-1.5.min.js"></script>
<div class="upload">
Upload
</div>

CSS

#push {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

JavaScript

Template7.registerHelper('json_stringify', function(context) {
	return JSON.stringify(context);
});

var myApp = new Framework7({
	animateNavBackIcon: true,
	precompileTemplates: true,
	template7Pages: true,
});

var $$ = Dom7;

$(document).ready(function() {
					var html = '<div class="popup popup-add-photo">';
						html += '<div class="content-block">';
							html += '<div id="total"></div>';
							html += '<div class="navbar theme-white">';
								html += '<div class="navbar-inner">';
									html += '<div class="left hidden">';
										html += '<a href="#" class="icon-only close-popup">';
											html += '<i class="icon ion-ios7-close-empty"></i>';
										html += '</a>';
									html += '</div>';
									html += '<div class="center sliding">Upload</div>';
									html += '<div class="right">';
										html += '<a href="#" class="icon-only close-popup">';
											html += '<i class="icon ion-ios7-close-empty"></i>'
										html += '</a>';
									html += '</div>';
								html += '</div>';
							html += '</div>';
							html += '<form id="upload" method="post" action="../includes/upload/php/upload.php" enctype="multipart/form-data">';
								html += '<div id="drop">';
									html += '<p><a href="#" class="button">Parcourir</a></p>';
									html += '<input id="push" type="file" name="file" multiple/>';
								html += '</div>';
								html += '<ul></ul>';
								html += '<div class="loading"></div>';
							html += '</form>';
						html += '</div>';
					html += '</div>';
					myApp.popup(html);
				$('#upload .button').live('click', function() {
					$(this).parent().parent().find('input').click();
				});
});