|
|
<html><head> <title>Convert a file to a base64 request</title>
<script type="text/javascript">
function form_submit(e){ console.log(e)
var resultOutput = document.getElementById('resultOutput'); var fileInput = document.getElementById('fileInput'); var fieldInput = document.getElementById('fieldInput');
makeRequestBase64(fileInput.files[0], fieldInput.value, function(err, result){ resultOutput.value = result; });
return false;}
function makeRequestBase64(file, fieldName, cb){ var boundary = '\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/\\/'; var crlf = "\r\n";
var reader = new FileReader(); reader.onload = function(e){ var body = '';
body += '--' + boundary + crlf; body += 'Content-Disposition: form-data; name="' + fieldName + '"; filename="' + escape(file.name)+ '"' + crlf; body += 'Content-Type: ' + file.type + '' + crlf; body += 'Content-Transfer-Encoding: base64' + crlf body += crlf; body += e.target.result.substring(e.target.result.indexOf(',') + 1) + crlf;
body += '--' + boundary + '--';
var head = ''; head += 'POST /upload HTTP/1.1' + crlf; head += 'Host: localhost:8080' + crlf; head += 'Content-Type: multipart/form-data; boundary=' + boundary + '' + crlf; head += 'Content-Length: ' + body.length + '' + crlf;
cb(null, head + crlf + body); };
reader.readAsDataURL(file);}
</script>
</head>
<body>
<form action="" onsubmit="return form_submit();"> <label>File: <input id="fileInput" type="file" /></label><br /> <label>Field: <input id="fieldInput" type="text" value="file" /></label><br /> <button type="submit">Ok!</button><br /> <label>Request: <textarea id="resultOutput" readonly="readonly" rows="20" cols="80"></textarea></label><br /></form><p>Don't forget to save the output with windows (CRLF) line endings!</p>
</body></html>
|
