Jasny のファイル アップロード プラグインを使用しようとしています。プラグインは正常に動作しているように見えますが、実際のファイルにアクセスできないため、正しいディレクトリに配置できます。私が見た唯一のことは、Blob がコンソール内からサムネイルとして設定されていることですが、それにアクセスする方法はありません。これが私がこれまでに持っているものです:
[HTML]:
<form action="#" class="member_settings" id="member_settings" enctype="multipart/form-data">
<input type="text" name="member_name" class="span12 m-wrap" value="{{ @user_info.member_name }}" placeholder="Company Name" rel="tooltip" title="" data-placement="bottom" data-original-title="Company Name" >
<input type="text" name="member_email" class="span12 m-wrap" value="{{ @user_info.member_email }}" placeholder="Email Address" rel="tooltip" title="" data-placement="bottom" data-original-title="Email Address">
<div class="fileupload fileupload-new" data-provides="fileupload">
<div class="fileupload-new thumbnail" >
<img src="{{ @avatar }}" alt="" />
</div>
<div class="fileupload-preview fileupload-exists thumbnail" style="max-width: 150px; max-height: 150px; line-height: 20px;"></div>
<div class="span12">
<span class="btn btn-file"><span class="fileupload-new">Select New Image</span>
<span class="fileupload-exists">Change</span>
<input type="file" id="file" name="file" class="default" /></span>
<a href="#" class="btn fileupload-exists" data-dismiss="fileupload">Remove</a>
</div>
</div>
<div id="update_user_settings" class="btn green pull-right" style="margin:2px;"><i class="icon-check"></i> Update Profile</div>
</form>
[JS]:
<script>
$('#update_user_settings').click(function() {
$('.fileupload').fileupload({
url: '/api/upload/profile_img/{{ @SESSION.portal_id }}'
});
var post_url = "/api/update/user/details";
$.ajax({
type: "POST",
url: post_url,
data: $('#member_settings').serialize(),
dataType: "html"
});
});
</script>
私の問題は、URL に何も送信されないことです。送信時にコンソールに何も表示されません。
私が見た唯一のチュートリアルは、フォーム内でファイルアップローダー全体を使用していますが、私がやろうとしているのは、ユーザーが必要なすべての変更を加えてから適用できるようにすることです。
足りないものはありますか?