Ckfinder in ASP.NET MVC
Всем Привет,
Я использую Ckfinder для управления своими фотографиями, у меня есть следующая проблема, как показано ниже:
Я загружаю Ckfinder, чтобы выбрать изображение, затем принимаю путь изображения, назначенный текстовому полю или вкладке ввода, и в то же время я также хочу загрузить изображение на вкладку
В настоящее время он получил путь, назначенный текстовому полю или, но проблема в том, что во вкладке и изображение не загружается. Пожалуйста, помогите мне, как это сделать? Большое спасибо!.
Ниже приведен код, который я написал:
$(function () { $('#btnUpload').click(function () { //e.preventDefault(); var ckfinder = new CKFinder(); ckfinder.selectActionFunction = function (fileUrl) { $('#picture').val(fileUrl); }; ckfinder.popup(); }); $('#picture').change(function () { if (window.FormData != undefined) { var fileUpload = $('#picture').get(0); var files = fileUpload.files; var formData = new FormData(); formData.append('file', files[0]); $.ajax( { type: 'POST', url: '/Admin/Product/ProcessUpload', contentType: false, processData: false, data: formData, success: function(urlImage) { $('#pictureUpload').attr('src', urlImage); $('#fileUpload').val(urlImage); }, error: function (err) { alert('Have the error when upload:' + err.statusText); } }); } }); });
<div class="form-inline"> <input type="text" name="picture" id="picture" class="form-control" style="width:380px;" /> <input type="button" id="btnUpload" value="Chọn ảnh" class="btn btn-success"/> </div> <img id="pictureUpload" width="300" />
Что я уже пробовал:
Я пытался финансировать эту проблему, но она не может улучшиться