import base64
data_url = request.POST['img_data']
data_start = data_url.index(',') + 1
data = data[data_start:]
with open("imageToSave4.png", "wb") as fh:
fh.write(base64.b64decode(data))
<p:commandButton value="Скрыть/Показать">
<f:ajax listener="#{exampleBean.toggleVisibility}" event="click" render="somePanel"></f:ajax>
</p:commandButton>
<h:panelGroup id="somePanel" layout="block" rendered="#{exampleBean.visible}">
<div>Трям!</div>
</h:panelGroup>
<h:panelGroup id="somePanel" layout="block" styleClass="#{(exampleBean.visible) ? 'hidden' : ''">
<div>Трям!</div>
</h:panelGroup>
<script>
function toggleVisibility(id) {
var table = document.getElementById(id);
if(table) {
var currentState = table.style.display || 'block';
if (currentState === 'block')
table.style.display = 'none';
else
table.style.display = 'block';
}
return false;
}
</script>
<p:commandButton value="Скрыть/Показать" onclick="toggleVisibility('globalform:visTest:checking');">
</p:commandButton>
(defproject spa-tutorial "0.1.0-SNAPSHOT"
:description "FIXME: write this!"
:url "http://example.com/FIXME"
:dependencies [[org.clojure/clojure "1.8.0"]
[org.clojure/clojurescript "1.9.521"]
[org.clojure/core.async "0.3.442"]
[org.omcljs/om "0.9.0"]
[prismatic/om-tools "0.4.0"]
[http-kit "2.3.0-alpha2"]
[secretary "1.2.3"]]
:plugins [[lein-cljsbuild "1.1.6"]]
:source-paths ["src" "target/classes"]
:clean-targets ["out/spa_tutorial" "out/spa_tutorial.js"]
:cljsbuild {
:builds [{:id "spa-tutorial"
:source-paths ["src"]
:compiler {
:main spa-tutorial.core
:output-to "out/spa_tutorial.js"
:output-dir "out"
:optimizations :none
:verbose true}}]})
$("#forma1").on("submit", function(e) {
e.preventDefault();
var formData = new FormData(this);
var xhr = new XMLHttpRequest();
xhr.open('POST', $(this).attr('action'), true);
xhr.onreadystatechange = function() {
if(xhr.readyState == 4) {
if(xhr.status == 200) {
$("#phonePhotoModal").text(xhr.responseText);
}
else {
// Обработчик ошибки
}
}
};
xhr.send(formData);
}
<form id="forma1" method="post" action="sendEmail.php" enctype="multipart/form-data">
...
</form>
<div id="source">
<div id="d1"></div>
<div id="d2"></div>
<div id="d3" data-rel="d1"></div>
<div id="d4" data-rel="d1"></div>
<div id="d5" data-rel="d2"></div>
<div id="d6" data-rel="d3"></div>
<div id="d7" data-rel="d3"></div>
<div id="d8" data-rel="d3"></div>
<div id="d9" data-rel="d5"></div>
<div id="d10" data-rel="d5"></div>
<div id="d11" data-rel="d5"></div>
<div id="d12" data-rel="d10"></div>
<div id="d13" data-rel="d10"></div>
<div id="d14" data-rel="d10"></div>
<div id="d15" data-rel="d13"></div>
</div>
<div id="destination"></div>
var root = $('#destination');
$('#source div').each(function(index) {
var dataRel = $(this).data('rel');
var itemId = $(this).attr('id').replace('d', '');
var container = root;
if(dataRel) {
container = $('#u' + dataRel.replace('d', ''));
}
container.append('<ul id="u'+ itemId +'"><li>' + itemId + '</li></ul>');
});
$(document).ready(function() { ... });
.if (window.jQuery) {
...
}
if (typeof jQuery == 'undefined') {
...
}
localStorage.setItem("notepadText", 'Lorem ipsum...');
document.getElementById("notepad").innerHTML = localStorage.notepadText;