Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Livewire-如何使用jquery设置文件输入字段_Javascript_Php_Laravel_File Upload_Laravel Livewire - Fatal编程技术网

Javascript Livewire-如何使用jquery设置文件输入字段

Javascript Livewire-如何使用jquery设置文件输入字段,javascript,php,laravel,file-upload,laravel-livewire,Javascript,Php,Laravel,File Upload,Laravel Livewire,我希望你做得很好。我正在使用Livewire和Laravel8,并试图从剪贴板上传图像。下面是一个场景。我有一个文本区域,用户可以在其中粘贴剪贴板上的图像,我通过JQuery获得该图像,但我一直在研究如何将其传递给Livewire组件。这是我的密码 $('#post_text').on('paste', function(e){ e.preventDefault(); var data = e.originalEvent;

我希望你做得很好。我正在使用Livewire和Laravel8,并试图从剪贴板上传图像。下面是一个场景。我有一个文本区域,用户可以在其中粘贴剪贴板上的图像,我通过JQuery获得该图像,但我一直在研究如何将其传递给Livewire组件。这是我的密码

$('#post_text').on('paste', function(e){
                e.preventDefault();
                var data = e.originalEvent;
                if (data.clipboardData && data.clipboardData.items) {
                    var items = data.clipboardData.items;
                    for (var i = 0; i < items.length; i++) {
                        if (items[i].type.indexOf('image') !== -1) {
                            var file = items[i].getAsFile();

                            $("#post_media").files = file;
                            // $("#post_media").val = file;
                            // $("#post_media").trigger('change');
                            @this.set('post_media', file);


                            console.log(file);
                           
                        }
                    }
                }
            });
$('post#u text')。关于('paste',函数(e){
e、 预防默认值();
var数据=原始事件;
if(data.clipboardData&&data.clipboardData.items){
var items=data.clipboardData.items;
对于(变量i=0;i
它向组件发送空数组。我知道当我们使用file field时,Livewire的JavaScript会向服务器上的组件发出一个初始请求,以获取一个临时的“签名”上载URL,然后进行上载并生成唯一的哈希ID。但我不确定如何使用file的model属性将文件从剪贴板上载到组件。如果有人能给我指引正确的方向,我将不胜感激

谢谢

问候