Question

是否有人知道如何使用jquery的ajax函数在vuejs应用程序中上传文件并将其传递到php页面。请为圣洁的一切所爱，我需要一些帮助。我本质上想做到这一点，但可以在vuejs方法中运行它。（以下脚本在该方法外部起作用，并且设置了post和files数组。但是当放在方法中时，它不再起作用。换句话说， $ _FILES和$ _POST数组未设置）如果可能的话，我希望在没有axios或jquery以外的任何其他外部库的情况下执行此操作。有人知道您是否甚至可以在vuejs中做到这一点？

$(document).ready(function(){
   $('#addTemplateForm').on('submit', function(e){
       e.preventDefault();
       app.sub=true;
       if(app.name!='' && app.thumbnailName!='' && app.renderTime!=''
&& app.textFieldCount!='' && app.selectedCategories.length!=0 && app.selectedKeywords.length!=0)
       $.ajax({
           url:'addTemplateBackend.php',
           type:'POST',
           dataType: 'json',
           data: new FormData(this),
           contentType: false,
           processData: false,
            error: function(data){
              alert('error');
            },
           success: function(data){
               alert('success');
               console.log(data);
           }
       })
   });
});

Answer 1

请描述您遇到的错误。您可以检查控制台，也可以将Vue工具插件扩展用于浏览器，以帮助您解决问题。

PS：这是一个错误。打算成为评论而不是答案

使用Ajax Post从vuejs应用程序上传文件

1 个答案: