下記ｻｲﾄのようなﾌﾟﾗｸﾞｲﾝ設置と簡単な使い方について質問しているわけではありませんので宜しくお願いします｡
http://ocyadouzo.blogspot.jp/2013/06/jquery-file-upload.html

ﾃﾞﾓのﾍﾟｰｼﾞのｺｰﾄﾞを､そぎ落としてみました｡

<input id="fileupload" type="file" name="files[]" multiple>
<div id="files" class="files"></div>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//blueimp.github.io/jQuery-File-Upload/js/vendor/jquery.ui.widget.js"></script>
<script src="//blueimp.github.io/jQuery-File-Upload/js/jquery.iframe-transport.js"></script>
<script src="//blueimp.github.io/jQuery-File-Upload/js/jquery.fileupload.js"></script>
<script src="//blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js"></script>
<script src="//blueimp.github.io/jQuery-File-Upload/js/jquery.fileupload-process.js"></script>
<script src="//blueimp.github.io/jQuery-File-Upload/js/jquery.fileupload-image.js"></script>


<script>
$(function() {
 var url = "..."; // ※ﾌｧｲﾙをｱｯﾌﾟﾛｰﾄﾞする URL
 $('#fileupload').fileupload({
 url: url,
 dataType: 'json',
 autoUpload: true, // ※ﾌｧｲﾙを選択したら､即､ｱｯﾌﾟﾛｰﾄﾞ
 acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
 maxFileSize: 5000000, // 5 MB
 // Enable image resizing, except for Android and Opera,
 // which actually support image resizing, but fail to
 // send Blob objects via XHR requests:
 disableImageResize: /Android(?!.*Chrome)|Opera/
 .test(window.navigator.userAgent),
 previewMaxWidth: 100,
 previewMaxHeight: 100,
 previewCrop: true
 }).on('fileuploadadd', function (e, data) {
 data.context = $('<div/>').appendTo('#files');
 $.each(data.files, function (index, file) {
 var node = $('<p/>')
 .append($('<span/>').text(file.name));
 node.data(data)
 node.appendTo(data.context);
 });
 }).on('fileuploadprocessalways', function (e, data) {
 var index = data.index,
 file = data.files[index],
 node = $(data.context.children()[index]);
 if (file.preview) {
 node
 .prepend('<br>')
 .prepend(file.preview);
 }
 });
});
</script>

ﾌｧｲﾙを指定したら､すぐにｱｯﾌﾟﾛｰﾄﾞするように autoUpload のｵﾌﾟｼｮﾝを true にしています｡

jQuery-File-Upload の外部ｽｸﾘﾌﾟﾄは､ﾃﾞﾓのﾍﾟｰｼﾞに向いていますが､ご自分のｻｰﾊﾞに導入するときには､そちらの方を指すようにしてください｡

https://blueimp.github.io/JavaScript-Load-Image/js/load-image.all.min.js は､jQuery-File-Upload には含まれていないと思いますが､これを読み込まないと､ﾃﾞﾓﾍﾟｰｼﾞの処理が動きません｡



因みに､似たような質問が､stackoverflow にもありました｡
http://stackoverflow.com/questions/21128634/jquery-file-upload-preview-image

回答のひとつは､ﾃﾞﾓのﾍﾟｰｼﾞと同じように fileuploadprocessalways のｲﾍﾞﾝﾄを捕まえる方法｡
もうひとつは､add のｲﾍﾞﾝﾄを捕まえて､そこでｱｯﾌﾟﾛｰﾄﾞまでしています｡
評価は､add のｲﾍﾞﾝﾄを捕まえる方が高いですが､autoUpload のｵﾌﾟｼｮﾝでｱｯﾌﾟﾛｰﾄﾞする方が､ﾌﾟﾗｸﾞｲﾝの流儀に敵っているような気がします｡